關(guān)于js new Date() 出現(xiàn)NaN 的分析
更新時間：2012年10月23日 01:35:27 作者：
在一個項目中需要進行日期的格式化，后臺傳到前端是時間的整數(shù)（Date.getTime),當后臺數(shù)據(jù)返回字符串時，發(fā)現(xiàn)轉(zhuǎn)換日期時在ie下變成NaN，但是真的是這樣嗎？接下來我們慢慢分析
此NaN不為NaN：
程序代碼如下：
var date =new Date(d);
if(!date || !date.getFullYear) {
return;
}
return S.Date.format(d,'yyyy-mm-dd');//格式化函數(shù)，跟此文無關(guān)
在其他瀏覽器下正常，但是在ie下，程序報錯
在ie調(diào)試器下，發(fā)現(xiàn)date 為NaN，如圖：
var date = NaN;
alert(!date) //返回true
var date = new Date('2011-1-1');
alert(!date) //返回false
但是我想了一下還是不太對，又在控制臺做了下面的測試：
程序代碼如下：
復(fù)制代碼 代碼如下:
var date =new Date(d);
if(!date || !date.getFullYear) {
return;
}
return S.Date.format(d,'yyyy-mm-dd');//格式化函數(shù)，跟此文無關(guān)
在其他瀏覽器下正常，但是在ie下，程序報錯
在ie調(diào)試器下，發(fā)現(xiàn)date 為NaN，如圖：
如果是NaN，那么if判斷會返回true,會 return "",但是詭異的一幕發(fā)生了，
代碼說明if判斷返回了false,控制臺的結(jié)果也說明了這一點：
可以看出date = NaN,但是 ！date 為false,!NaN 為 true,我的第一反應(yīng)，ie下JS的Bug？
然后又做了一些測試
復(fù)制代碼 代碼如下:
var date = NaN;
alert(!date) //返回true
var date = new Date('2011-1-1');
alert(!date) //返回false
但是我想了一下還是不太對，又在控制臺做了下面的測試：
這個說明date的getFullYear是存在的，那么date是個對象
這個也說明了，date是個object 而不是 NaN，僅僅是ie調(diào)試器的一個問題
date.getFullYear() =》NaN
date.getDate() =》NaN
這些NaN則為真正的NaN
總結(jié) ：
在ie下 new Date('date text') 時返回的結(jié)果是一個特殊的日期對象，只是ie調(diào)試器將之顯示成了NaN， 對其調(diào)用返回number的方法將都會返回NaN.
相關(guān)文章
使用Object.defineProperty實現(xiàn)簡單的js雙向綁定
這篇文章主要介紹了使用Object.defineProperty實現(xiàn)簡單的js雙向綁定的相關(guān)資料,需要的朋友可以參考下2016-04-04
這篇文章全面解析了Bootstrap表單的使用方法，本文重點介紹Bootstrap表單樣式，感興趣的小伙伴們可以參考一下2015-11-11
一定有你會用到的JavaScript一行代碼實用技巧總結(jié)
這篇文章主要為大家介紹了一定有你會用到的JavaScript一行代碼總結(jié)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
JavaScript實現(xiàn)彈出DIV層同時頁面背景漸變成半透明效果
這篇文章主要介紹了JavaScript實現(xiàn)彈出DIV層同時頁面背景漸變成半透明效果,涉及JavaScript彈出窗口的實現(xiàn)及頁面元素屬性動態(tài)變換的相關(guān)技巧,需要的朋友可以參考下2016-03-03
這篇文章全面解析Bootstrap彈窗的實現(xiàn)方法，對其結(jié)構(gòu)進行詳細分析，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要介紹了微信小程序開發(fā)常用功能,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-02-02
xmlplus 是一個JavaScript框架，用于快速開發(fā)前后端項目。這篇文章主要介紹了xmlplus組件設(shè)計系列之列表，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
可能是全網(wǎng)最詳細小程序中使用echarts的教程
在開發(fā)微信小程序時,有需求需要使用到柱狀圖,餅圖等圖表,下面這篇文章主要給大家介紹了關(guān)于小程序中使用echarts的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-10-10
Typescript中extends關(guān)鍵字的基本使用
extends表示具體的泛型類型只能是object類型,某個變量如果能斷言成object類型[變量as object],那么這個變量的類型符合T extends object,下面這篇文章主要給大家介紹了關(guān)于Typescript中extends關(guān)鍵字基本使用的相關(guān)資料,需要的朋友可以參考下2022-08-08
這篇文章主要介紹了Javascript基礎(chǔ)之數(shù)組的使用的相關(guān)資料，介紹的非常詳解，具有參考借鑒價值，感興趣的朋友一起學習吧2016-05-05