javascript引用類(lèi)型之Date

tinna 發(fā)布于2019-08-19 18:39 / 3532人閱讀

摘要：實(shí)際上如果我們直接將字符串傳入構(gòu)造函數(shù)，后臺(tái)也會(huì)調(diào)用方法。而直接與方法參數(shù)相同的值傳入構(gòu)造函數(shù)，獲取的日期對(duì)象都是基于系統(tǒng)設(shè)置的本地時(shí)間創(chuàng)建的。中國(guó)標(biāo)準(zhǔn)時(shí)間中國(guó)標(biāo)準(zhǔn)時(shí)間中國(guó)標(biāo)準(zhǔn)時(shí)間由上面的代碼可以發(fā)現(xiàn)，其實(shí)是的引用，發(fā)生變化時(shí)，也隨之改變。

最近的項(xiàng)目需要實(shí)現(xiàn)一個(gè)時(shí)間表格的效果，如下圖所示，每次更換第幾周時(shí)也更新對(duì)應(yīng)的日期。使用了Date類(lèi)型，也踩了些坑。故寫(xiě)下此篇筆記。

Date類(lèi)型

ECMAScript中的Date類(lèi)型是在早期Java中的java.util.Date類(lèi)基礎(chǔ)上構(gòu)建的。使用自UTC（1970
年1月1日零時(shí)）開(kāi)始經(jīng)過(guò)的毫秒數(shù)來(lái)保存日期

創(chuàng)建對(duì)象

獲取當(dāng)前時(shí)間

var d = new Date();//無(wú)參數(shù)時(shí)自動(dòng)獲得當(dāng)前日期和時(shí)間

獲取特定日期時(shí)間

Date.parse()

  var someday = new Date(Date.parse("Jul 1 2016"));

Date.UTC()

var someday = new Date(Date.UTC(2016,6,1,22,06,15));

具體含義

Date.parse()接受一個(gè)表示日期的字符串參數(shù)，若不能表示日期則返回NaN。實(shí)際上如果我們直接將字符串傳入構(gòu)造函數(shù)，后臺(tái)也會(huì)調(diào)用Date.parse()方法。可接受的日期格式包括：6/15/2016；July 12,2016；Fri, July 25 2016 00:00:00 GMT-0700（時(shí)區(qū)）；2016-07-01T00:00:00【最后一種表示反射只有兼容ECMAScript5的支持】

Date.UTC()構(gòu)造的參數(shù)分別是年份、基于0的月份（0-11）、月中的哪天（1-31），小時(shí)（0-23），分鐘、秒、毫秒。其中年和月的參數(shù)是必需的，若沒(méi)有提供后面的參數(shù)，則默認(rèn)為第一天，0時(shí)0分0秒。

需要注意的是，不同瀏覽器對(duì)于日期的解釋有所差異。調(diào)用Date.UTC()方法時(shí)，直接console.log()出來(lái)的結(jié)果是當(dāng)?shù)貢r(shí)間，而不是GMT時(shí)間。但實(shí)際上UTC返回的是GMT時(shí)間。而直接與UTC方法參數(shù)相同的值傳入Date()構(gòu)造函數(shù)，獲取的日期對(duì)象都是基于系統(tǒng)設(shè)置的本地時(shí)間創(chuàng)建的。

調(diào)用方法時(shí)的日期和時(shí)間的毫秒數(shù),時(shí)間戳

//使用Date.now()方法【IE9+,Firefox 3+,Safari 3+,Opera 10.5,Chrome】
var start = Date.now();//開(kāi)始時(shí)間
doSomething();//調(diào)用函數(shù)
var end = Date.now();//停止時(shí)間
var result = end-start;//執(zhí)行時(shí)間

//使用+獲取Date對(duì)象的時(shí)間戳【運(yùn)行有誤？望了解的人能告知】
var start = +new Date()；
doSomething();
var end = +new Date();
var result = end - start;

//使用valueOf()獲取時(shí)間戳
var start = (new Date()).valueOf();

//使用parse()獲取時(shí)間戳
var start = Date.parse(new Date());

日期格式化方法

toLocaleString();

//"2016/7/1 下午11:01:45"

toString()

//"Fri Jul 01 2016 23:01:45 GMT+0800 (中國(guó)標(biāo)準(zhǔn)時(shí)間)"

toDateString()

//"Fri Jul 01 2016"

toTimeString()

//"23:01:45 GMT+0800 (中國(guó)標(biāo)準(zhǔn)時(shí)間)"

toLocaleDateString()

//"2016/7/1"

toLocaleTimeString()

//"下午11:01:45"

toUTCString()

//"Fri, 01 Jul 2016 15:01:45 GMT"

但這些方法中，輸出也是因?yàn)g覽器而異。以上顯示均在Chrome控制臺(tái)輸出。

日期時(shí)間組件方法

這次項(xiàng)目中所用到的方法即是setDate()方法，獲取當(dāng)天時(shí)間后，再利用setDate(today.getDate()+/-n)去獲取日期。setDate()傳入的參數(shù)若超過(guò)了該月中應(yīng)有的天數(shù)，則增加月份。setDate()的返回值是時(shí)間戳，不能直接用today.setDate(n).toLocaleDateString()，而是應(yīng)該在setDate(n)后再調(diào)用today.toLocaleDateString();
除此之外，這次還牽扯到對(duì)象引用的問(wèn)題。

var x = new Date();
var y = x;
console.log(x);//Sat Jul 02 2016 00:08:10 GMT+0800 (中國(guó)標(biāo)準(zhǔn)時(shí)間)
x.setDate(15);
console.log(x);//Fri Jul 15 2016 00:08:10 GMT+0800 (中國(guó)標(biāo)準(zhǔn)時(shí)間)
console.log("y",y);//y Fri Jul 15 2016 00:08:10 GMT+0800 (中國(guó)標(biāo)準(zhǔn)時(shí)間)

由上面的代碼可以發(fā)現(xiàn)，y其實(shí)是x的引用，x發(fā)生變化時(shí)，y也隨之改變。若想改變這種情況，可使用var y = new Date(x);則y與x則不同。