關(guān)于js new Date() 出現(xiàn)NaN 的分析
更新時(shí)間：2012年10月23日 01:35:27 作者：
在一個(gè)項(xiàng)目中需要進(jìn)行日期的格式化，后臺(tái)傳到前端是時(shí)間的整數(shù)（Date.getTime),當(dāng)后臺(tái)數(shù)據(jù)返回字符串時(shí)，發(fā)現(xiàn)轉(zhuǎn)換日期時(shí)在ie下變成NaN，但是真的是這樣嗎？接下來(lái)我們慢慢分析
此NaN不為NaN：
程序代碼如下：
var date =new Date(d);
if(!date || !date.getFullYear) {
return;
}
return S.Date.format(d,'yyyy-mm-dd');//格式化函數(shù)，跟此文無(wú)關(guān)
在其他瀏覽器下正常，但是在ie下，程序報(bào)錯(cuò)
在ie調(diào)試器下，發(fā)現(xiàn)date 為NaN，如圖：
var date = NaN;
alert(!date) //返回true
var date = new Date('2011-1-1');
alert(!date) //返回false
但是我想了一下還是不太對(duì)，又在控制臺(tái)做了下面的測(cè)試：
程序代碼如下：
復(fù)制代碼 代碼如下:
var date =new Date(d);
if(!date || !date.getFullYear) {
return;
}
return S.Date.format(d,'yyyy-mm-dd');//格式化函數(shù)，跟此文無(wú)關(guān)
在其他瀏覽器下正常，但是在ie下，程序報(bào)錯(cuò)
在ie調(diào)試器下，發(fā)現(xiàn)date 為NaN，如圖：
如果是NaN，那么if判斷會(huì)返回true,會(huì) return "",但是詭異的一幕發(fā)生了，
代碼說(shuō)明if判斷返回了false,控制臺(tái)的結(jié)果也說(shuō)明了這一點(diǎn)：
可以看出date = NaN,但是 ！date 為false,!NaN 為 true,我的第一反應(yīng)，ie下JS的Bug？
然后又做了一些測(cè)試
復(fù)制代碼 代碼如下:
var date = NaN;
alert(!date) //返回true
var date = new Date('2011-1-1');
alert(!date) //返回false
但是我想了一下還是不太對(duì)，又在控制臺(tái)做了下面的測(cè)試：
這個(gè)說(shuō)明date的getFullYear是存在的，那么date是個(gè)對(duì)象
這個(gè)也說(shuō)明了，date是個(gè)object 而不是 NaN，僅僅是ie調(diào)試器的一個(gè)問(wèn)題
date.getFullYear() =》NaN
date.getDate() =》NaN
這些NaN則為真正的NaN
總結(jié) ：
在ie下 new Date('date text') 時(shí)返回的結(jié)果是一個(gè)特殊的日期對(duì)象，只是ie調(diào)試器將之顯示成了NaN， 對(duì)其調(diào)用返回number的方法將都會(huì)返回NaN.
相關(guān)文章
javascript實(shí)現(xiàn)電商放大鏡效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)電商放大鏡效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
JS實(shí)現(xiàn)移動(dòng)端整屏滑動(dòng)的實(shí)例代碼
本文通過(guò)實(shí)例代碼給大家分享了基于js 實(shí)現(xiàn)移動(dòng)端整屏滑動(dòng)效果，基本思路是檢測(cè)手指滑動(dòng)方向，獲取手指抬起時(shí)的位置，減去手指按下時(shí)的位置，得正即為向下滑動(dòng)了，具體實(shí)現(xiàn)代碼大家參考下本文2017-11-11
js隱藏與顯示回到頂部按鈕及window.onscroll事件應(yīng)用
現(xiàn)在大多數(shù)網(wǎng)站都會(huì)添加這種功能：當(dāng)滾動(dòng)條滾動(dòng)到頁(yè)面的下方時(shí)，頁(yè)面的右下角會(huì)顯示出來(lái)一個(gè)“回到頂部”的按鈕或連接;那么，如何控制“回到頂部”按鈕的顯示或隱藏呢;本文介紹詳細(xì)實(shí)現(xiàn)方法，感興趣的你可不要走開(kāi)哦2013-01-01
javascript實(shí)現(xiàn)簡(jiǎn)單的全選和反選功能
這篇文章主要介紹了javascript實(shí)現(xiàn)簡(jiǎn)單的全選和反選功能的相關(guān)資料,需要的朋友可以參考下2016-01-01
for?循環(huán)是出現(xiàn)最早，也是應(yīng)用最普遍的一個(gè)遍歷，能夠滿足絕大多數(shù)的遍歷。可以遍歷?數(shù)組、對(duì)象、字符串。本文將詳細(xì)為大家介紹JS中的六種For循環(huán)的使用，需要的可以參考一下2022-04-04
因?yàn)檫@個(gè)問(wèn)題很是經(jīng)典，而且容易出錯(cuò)，所以在介紹一次。哈哈。莫怪哦。2012-07-07
Bootstrap響應(yīng)式側(cè)邊欄改進(jìn)版
這篇文章主要為大家詳細(xì)介紹了Bootstrap響應(yīng)式側(cè)邊欄改進(jìn)版，結(jié)合導(dǎo)航條和下拉菜單進(jìn)行改進(jìn),具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
學(xué)習(xí)C#的朋友都知道format()這個(gè)方法，本文給大家介紹在javascript中如何實(shí)現(xiàn)此操作，js模擬C#字符串格式化操作，需要的盆友一起學(xué)習(xí)吧2015-08-08
這篇文章主要為大家詳細(xì)介紹了JS冒泡排序的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
微信小程序?qū)崿F(xiàn)簡(jiǎn)易計(jì)算器
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簡(jiǎn)易計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-07-07