JavaScript標(biāo)準(zhǔn)對象_動力節(jié)點(diǎn)Java學(xué)院整理
在JavaScript的世界里,一切都是對象。
但是某些對象還是和其他對象不太一樣。為了區(qū)分對象的類型,我們用typeof操作符獲取對象的類型,它總是返回一個(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'
可見,number、string、boolean、function和undefined有別于其他類型。特別注意null的類型是object,Array的類型也是object,如果我們用typeof將無法區(qū)分出null、Array和通常意義上的object——{}。
包裝對象
除了這些類型外,JavaScript還提供了包裝對象,熟悉Java的小伙伴肯定很清楚int和Integer這種曖昧關(guān)系。
number、boolean和string都有包裝對象。沒錯,在JavaScript中,字符串也區(qū)分string類型和它的包裝類型。包裝對象用new創(chuàng)建:
var n = new Number(123); // 123,生成了新的包裝類型
var b = new Boolean(true); // true,生成了新的包裝類型
var s = new String('str'); // 'str',生成了新的包裝類型
雖然包裝對象看上去和原來的值一模一樣,顯示出來也是一模一樣,但他們的類型已經(jīng)變?yōu)閛bject了!所以,包裝對象和原始值用===比較會返回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
所以閑的蛋疼也不要使用包裝對象!尤其是針對string類型!??!
如果我們在使用Number、Boolean和String時(shí),沒有寫new會發(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'
是不是感覺頭大了?這就是JavaScript特有的催眠魅力!
總結(jié)一下,有這么幾條規(guī)則需要遵守:
- 不要使用new Number()、new Boolean()、new String()創(chuàng)建包裝對象;
- 用parseInt()或parseFloat()來轉(zhuǎn)換任意類型到number;
- 用String()來轉(zhuǎn)換任意類型到string,或者直接調(diào)用某個(gè)對象的toString()方法;
- 通常不必把任意類型轉(zhuǎn)換為boolean再判斷,因?yàn)榭梢灾苯?strong>寫if (myVar) {...};
- typeof操作符可以判斷出number、boolean、string、function和undefined;
- 判斷Array要使用Array.isArray(arr);
- 判斷null請使用myVar === null;
- 判斷某個(gè)全局變量是否存在用typeof window.myVar === 'undefined';
- 函數(shù)內(nèi)部判斷某個(gè)變量是否存在用typeof myVar === 'undefined'。
最后有細(xì)心的同學(xué)指出,任何對象都有toString()方法嗎?null和undefined就沒有!確實(shí)如此,這兩個(gè)特殊值要除外,雖然null還偽裝成了object類型。
更細(xì)心的同學(xué)指出,number對象調(diào)用toString()報(bào)SyntaxError:
123.toString(); // SyntaxError
遇到這種情況,要特殊處理一下:
123..toString(); // '123', 注意是兩個(gè)點(diǎn)! (123).toString(); // '123'
不要問為什么,這就是JavaScript代碼的樂趣!
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
javascript實(shí)現(xiàn)dom動態(tài)創(chuàng)建省市縱向列表菜單的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)dom動態(tài)創(chuàng)建省市縱向列表菜單的方法,可實(shí)現(xiàn)省市列表菜單效果,涉及javascript鼠標(biāo)事件及頁面處理json數(shù)據(jù)的技巧,需要的朋友可以參考下2015-05-05
微信小程序?qū)隫ant報(bào)錯VM292:1 thirdScriptError的解決方法
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)隫ant報(bào)錯VM292:1 thirdScriptError的解決方法,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
下載網(wǎng)站打開頁面后間隔多少時(shí)間才顯示下載鏈接地址的代碼
有時(shí)候可能為了一些更好的廣告效果等原因,需要讓用戶等待一段時(shí)間以后,再顯示真實(shí)下載地址代碼,有利于緩解服務(wù)器壓力。2010-04-04
ExpressJS使用express-ws的實(shí)例詳解
這篇文章主要介紹了ExpressJS使用express-ws的實(shí)例代碼,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-09-09

