在JavaScript的世界里，一切都是對(duì)象。

但是某些對(duì)象還是和其他對(duì)象不太一樣。為了區(qū)分對(duì)象的類型，我們用typeof操作符獲取對(duì)象的類型，它總是返回一個(gè)字符串：

typeof 123; // 'number'
typeof NaN; // 'number'
typeof 'str'; // 'string'
typeof true; // 'boolean'
typeof undefined; // 'undefined'
typeof Math.abs; // 'function'
typeof null; // 'object'
typeof []; // 'object'
typeof {}; // 'object'

可見(jiàn)，number、string、boolean、function和undefined有別于其他類型。特別注意null的類型是object，Array的類型也是object，如果我們用typeof將無(wú)法區(qū)分出null、Array和通常意義上的object——{}。

包裝對(duì)象

除了這些類型外，JavaScript還提供了包裝對(duì)象，熟悉Java的小伙伴肯定很清楚int和Integer這種曖昧關(guān)系。
number、boolean和string都有包裝對(duì)象。沒(méi)錯(cuò)，在JavaScript中，字符串也區(qū)分string類型和它的包裝類型。包裝對(duì)象用new創(chuàng)建：

var n = new Number(123); // 123,生成了新的包裝類型
var b = new Boolean(true); // true,生成了新的包裝類型
var s = new String('str'); // 'str',生成了新的包裝類型

雖然包裝對(duì)象看上去和原來(lái)的值一模一樣，顯示出來(lái)也是一模一樣，但他們的類型已經(jīng)變?yōu)閛bject了！所以，包裝對(duì)象和原始值用===比較會(huì)返回false：

typeof new Number(123); // 'object'
new Number(123) === 123; // false

typeof new Boolean(true); // 'object'
new Boolean(true) === true; // false

typeof new String('str'); // 'object'
new String('str') === 'str'; // false

所以閑的蛋疼也不要使用包裝對(duì)象！尤其是針對(duì)string類型！??！
如果我們?cè)谑褂?span style="color: #800000">Number、Boolean和String時(shí)，沒(méi)有寫(xiě)new會(huì)發(fā)生什么情況？
此時(shí)，Number()、Boolean和String()被當(dāng)做普通函數(shù)，把任何類型的數(shù)據(jù)轉(zhuǎn)換為number、boolean和string類型（注意不是其包裝類型）：

var n = Number('123'); // 123，相當(dāng)于parseInt()或parseFloat()
typeof n; // 'number'

var b = Boolean('true'); // true
typeof b; // 'boolean'

var b2 = Boolean('false'); // true! 'false'字符串轉(zhuǎn)換結(jié)果為true！因?yàn)樗欠强兆址?
var b3 = Boolean(''); // false

var s = String(123.45); // '123.45'
typeof s; // 'string'

是不是感覺(jué)頭大了？這就是JavaScript特有的催眠魅力！

總結(jié)一下，有這么幾條規(guī)則需要遵守：

• 不要使用new Number()、new Boolean()、new String()創(chuàng)建包裝對(duì)象；
• 用parseInt()或parseFloat()來(lái)轉(zhuǎn)換任意類型到number；
• 用String()來(lái)轉(zhuǎn)換任意類型到string，或者直接調(diào)用某個(gè)對(duì)象的toString()方法；
• 通常不必把任意類型轉(zhuǎn)換為boolean再判斷，因?yàn)榭梢灾苯?strong>寫(xiě)if (myVar) {...}；
• typeof操作符可以判斷出number、boolean、string、function和undefined；
• 判斷Array要使用Array.isArray(arr)；
• 判斷null請(qǐng)使用myVar === null；
• 判斷某個(gè)全局變量是否存在用typeof window.myVar === 'undefined'；
• 函數(shù)內(nèi)部判斷某個(gè)變量是否存在用typeof myVar === 'undefined'。
  

最后有細(xì)心的同學(xué)指出，任何對(duì)象都有toString()方法嗎？null和undefined就沒(méi)有！確實(shí)如此，這兩個(gè)特殊值要除外，雖然null還偽裝成了object類型。

更細(xì)心的同學(xué)指出，number對(duì)象調(diào)用toString()報(bào)SyntaxError：

123.toString(); // SyntaxError

遇到這種情況，要特殊處理一下：

123..toString(); // '123', 注意是兩個(gè)點(diǎn)！
(123).toString(); // '123'

不要問(wèn)為什么，這就是JavaScript代碼的樂(lè)趣！

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評(píng)論