JavaScript NaN和Infinity特殊值 [譯]
更新時(shí)間：2012年09月20日 23:31:04 作者：
本文要講的是兩個(gè)特殊值,NaN和Infinity,返回這兩個(gè)值的操作通常都應(yīng)該返回正常的數(shù)字
1.NaN
在JavaScript中,NaN代表了“not a number”.主要在解析字符串出現(xiàn)錯(cuò)誤時(shí)會(huì)返回這個(gè)值:
> Number("xyz")
NaNNaN
的名字是“not a number”,不過也可以說是not not a number:
> NaN !== NaN
true
它是一個(gè)數(shù)字!類型為"number"
> typeof NaN
'number'
1.1 檢測(cè)NaN
JavaScript中,NaN是惟一一個(gè)和自己也不想等的值.所以,也就不能使用等號(hào)運(yùn)算符來判斷一個(gè)值是否是NaN,不過有全局函數(shù)isNaN()來干這件事.
> isNaN(NaN)
true
> Number("xyz")
NaN
> isNaN("xyz")
true
由于相同的原因,isNaN對(duì)其他很多對(duì)象也返回true:
> Number({})
NaN
> isNaN({})
true
> Number(["xzy"])
NaN
> isNaN(["xzy"])
true
重寫了valueOf方法的自定義對(duì)象同樣:
> var obj = { valueOf: function () { return NaN } };
> Number(obj)
NaN
> isNaN(obj)
true
所以可以利用NaN是唯一一個(gè)滿足(x !== x)不等式的值來寫一個(gè)自己的isNaN函數(shù),這樣就不會(huì)有上面提到的問題:
function myIsNaN(x) {
return x !== x;
}
目前一個(gè)修正版的isNaN方法Number.isNaN()已經(jīng)被添加到了ECMAScript 6中(譯者注:Firefox已經(jīng)實(shí)現(xiàn)了).Crockford實(shí)現(xiàn)的這個(gè)方法,比上面的myIsNaN更容易理解,核心代碼是這樣的:
Number.isNaN = function (value) {
return typeof value === 'number' && isNaN(value);
};
2.Infinity
用0作除數(shù)會(huì)產(chǎn)生另外一個(gè)特殊值Infinity:
> 3/0
Infinity
你不能想當(dāng)然的猜測(cè)正無窮大或者負(fù)無窮大的計(jì)算結(jié)果:
>Infinity - Infinity
NaN
比無窮大還大的值仍然是無窮大:
> Infinity + Infinity
Infinity> 5 * Infinity
Infinity
3.參考
What is {} + {} in JavaScript?
在JavaScript中,NaN代表了“not a number”.主要在解析字符串出現(xiàn)錯(cuò)誤時(shí)會(huì)返回這個(gè)值:
復(fù)制代碼 代碼如下:
> Number("xyz")
NaNNaN
的名字是“not a number”,不過也可以說是not not a number:
復(fù)制代碼 代碼如下:
> NaN !== NaN
true
它是一個(gè)數(shù)字!類型為"number"
復(fù)制代碼 代碼如下:
> typeof NaN
'number'
1.1 檢測(cè)NaN
JavaScript中,NaN是惟一一個(gè)和自己也不想等的值.所以,也就不能使用等號(hào)運(yùn)算符來判斷一個(gè)值是否是NaN,不過有全局函數(shù)isNaN()來干這件事.
復(fù)制代碼 代碼如下:
> isNaN(NaN)
true
Kit Cambridge指出isNaN()的一個(gè)問題:它會(huì)隱式的將它的參數(shù)轉(zhuǎn)換成數(shù)字,所以即便參數(shù)是個(gè)不能轉(zhuǎn)換成數(shù)字的字符串,它也會(huì)返回true(轉(zhuǎn)換成了NaN):
復(fù)制代碼 代碼如下:
> Number("xyz")
NaN
> isNaN("xyz")
true
由于相同的原因,isNaN對(duì)其他很多對(duì)象也返回true:
復(fù)制代碼 代碼如下:
> Number({})
NaN
> isNaN({})
true
> Number(["xzy"])
NaN
> isNaN(["xzy"])
true
重寫了valueOf方法的自定義對(duì)象同樣:
復(fù)制代碼 代碼如下:
> var obj = { valueOf: function () { return NaN } };
> Number(obj)
NaN
> isNaN(obj)
true
所以可以利用NaN是唯一一個(gè)滿足(x !== x)不等式的值來寫一個(gè)自己的isNaN函數(shù),這樣就不會(huì)有上面提到的問題:
復(fù)制代碼 代碼如下:
function myIsNaN(x) {
return x !== x;
}
目前一個(gè)修正版的isNaN方法Number.isNaN()已經(jīng)被添加到了ECMAScript 6中(譯者注:Firefox已經(jīng)實(shí)現(xiàn)了).Crockford實(shí)現(xiàn)的這個(gè)方法,比上面的myIsNaN更容易理解,核心代碼是這樣的:
復(fù)制代碼 代碼如下:
Number.isNaN = function (value) {
return typeof value === 'number' && isNaN(value);
};
2.Infinity
用0作除數(shù)會(huì)產(chǎn)生另外一個(gè)特殊值Infinity:
復(fù)制代碼 代碼如下:
> 3/0
Infinity
你不能想當(dāng)然的猜測(cè)正無窮大或者負(fù)無窮大的計(jì)算結(jié)果:
復(fù)制代碼 代碼如下:
>Infinity - Infinity
NaN
比無窮大還大的值仍然是無窮大:
復(fù)制代碼 代碼如下:
> Infinity + Infinity
Infinity> 5 * Infinity
Infinity
3.參考
What is {} + {} in JavaScript?
相關(guān)文章
這篇文章主要介紹了Chart.js功能與使用方法,結(jié)合實(shí)例形式分析了Chart.js功能、使用方法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04
下面小編就為大家?guī)硪黄狫avaScript數(shù)組去重的幾方法推薦。小編覺得聽錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看2021-09-09
在企業(yè)網(wǎng)站中常會(huì)看到企業(yè)地址會(huì)顯示在地圖上，那么，如何實(shí)現(xiàn)這種功能呢？本篇文章就主要介紹在網(wǎng)頁(yè)中插入百度地圖的步驟，下面就隨小編一起來看看吧2016-12-12
使用腳本控制網(wǎng)頁(yè)Table的顯示隱藏(全代碼)_AX
使用腳本控制網(wǎng)頁(yè)Table的顯示隱藏(全代碼)_AX...2006-12-12
js實(shí)現(xiàn)拖動(dòng)緩動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)拖動(dòng)緩動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
擁Bootstrap入懷 導(dǎo)航欄篇，和大家一起走進(jìn)Bootstrap，了解Bootstrap的導(dǎo)航欄，感興趣的小伙伴們可以參考一下2016-05-05
JavaScript實(shí)現(xiàn)獲取圖片文件真實(shí)格式的示例代碼
每種格式的圖片，都有自己特有的優(yōu)缺點(diǎn)以及數(shù)據(jù)結(jié)構(gòu)，本篇博文的目的就是基于不同格式的圖像二進(jìn)制數(shù)據(jù)，獲取到圖片的真實(shí)格式，感興趣的可以了解一下2023-02-02
JavaScript使用indexOf獲得子字符串在字符串中位置的方法
這篇文章主要介紹了JavaScript使用indexOf獲得子字符串在字符串中位置的方法,涉及javascript中indexOf方法操作字符串的技巧,需要的朋友可以參考下2015-04-04
js列舉css中所有圖標(biāo)的實(shí)現(xiàn)代碼
最近在做一個(gè)通用的配置模塊。配置模塊中必然要對(duì)系統(tǒng)的菜單、功能模塊、權(quán)限資源等進(jìn)行配置，為了更好的用戶體驗(yàn)，圖標(biāo)是必不可少的！2011-07-07
Threejs與Tween.js結(jié)合創(chuàng)建動(dòng)畫的詳細(xì)圖文教程
three.js和tween.js可以一起使用,實(shí)現(xiàn)復(fù)雜的動(dòng)畫效果,包括飛線動(dòng)畫,這篇文章主要給大家介紹了關(guān)于Threejs與Tween.js結(jié)合創(chuàng)建動(dòng)畫的相關(guān)資料,需要的朋友可以參考下2024-01-01