淺談javascript六種數(shù)據(jù)類型以及特殊注意點(diǎn)
在js中常見(jiàn)的六種數(shù)據(jù)類型：String類型、Null類型、Number類型、Boolean類型、Object類型。
1、typeof的注意點(diǎn)
涉及到數(shù)據(jù)類型，不免會(huì)提到，操作符 typeof。要注意：
1、typeof是操作符，不是方法。雖然我們經(jīng)常使用typeof()的方式獲取對(duì)象的數(shù)據(jù)類型。
2、對(duì) null 取typeof 是 object（這是因?yàn)閚ull是 空的對(duì)象引用），對(duì)函數(shù)取 typeof 是 function
alert(typeof null); //返回 object
function demo(){
alert('demo');
}
alert(typeof demo); //返回 function
2、為各種數(shù)據(jù)類型的對(duì)象變量設(shè)置初始值
注意，如果Object類型的 對(duì)象變量開(kāi)始不知道賦值什么，不要 var demo={}；最好是 設(shè)置成null；
var d2=null;
d2={'key':"shit"};
var d3='';//字符串 默認(rèn)
var d4=0; //Number 類型 初始值設(shè)置為0
var d5=null; //對(duì)object 類型設(shè)置初始默認(rèn)值
3、undefined 和null 的區(qū)別和注意點(diǎn)
1、如果用 “==” 進(jìn)行比較，他們是相等的，因?yàn)楸容^的是值
2、區(qū)分他們有兩種方法（他們的核心都是比較他們的 數(shù)據(jù)類型）
1）使用typeof 將他們區(qū)分開(kāi)
2）使用全等“===” ：比較的是 值和 數(shù)據(jù)類型，只有全都相同 才返回 true
alert(undefined == null); //true
alert(typeof undefined == typeof null); //false
alert(undefined === null); //true
4、Boolean的注意點(diǎn)
1、true 和 1 比較是相同，false 和 0 比較是相同（是 “==” 比較），因?yàn)閮?nèi)部會(huì)實(shí)現(xiàn) 數(shù)據(jù)類型的 轉(zhuǎn)化，將true 轉(zhuǎn)換成1，將false 轉(zhuǎn)換成0. js 內(nèi)部有很多數(shù)據(jù)類型的自動(dòng)轉(zhuǎn)換，這是大家一定要注意的。后面還會(huì)提到很多。 但是使用“===” 就不相等了，因?yàn)?他們的數(shù)據(jù)類型是不等的。
2、顯示轉(zhuǎn)換成Boolean，使用Boolean()方法顯示轉(zhuǎn)換，需要注意的是各種數(shù)據(jù)類型，什么時(shí)候轉(zhuǎn)換成true 什么時(shí)候轉(zhuǎn)換成 false
1）String類型，只要不是 空字符串 都會(huì) 轉(zhuǎn)換成 true
2）Number類型，只要不是 0 ，即使是 負(fù)數(shù)，都會(huì)轉(zhuǎn)換成 true
3)Object類型，只要 不是 null 類型，都會(huì)轉(zhuǎn)換成true
4）Undefined類型，都會(huì)轉(zhuǎn)換成 false
我就不做演示，大家可以自己動(dòng)手試一下。
3、（***）if() 語(yǔ)句的 () 內(nèi)部就是調(diào)用了 Boolean函數(shù)
5、Number類型注意點(diǎn)
1、float類型 不能做精準(zhǔn)運(yùn)算
alert(0.1+0.2);//返回 0.300000000000000004
2、 支持 科學(xué)計(jì)數(shù)法 運(yùn)算
3、NaN（Not a Number）
1）var d=0/0; 注意：在js 里 是不會(huì)報(bào)錯(cuò)的，而是返回 NaN
2）可以通過(guò)Number.NaN 來(lái)獲取
3）NaN和 任何 對(duì)象做運(yùn)算都會(huì)返回 NaN
4）isNaN()判斷是不是 NaN
alert(isNaN(NaN));//true
alert(isNaN(12));//false
alert(isNaN('123'));//false:因?yàn)?字符串類型 的數(shù)字 可以自動(dòng)轉(zhuǎn)換成 數(shù)字
alert(isNaN('lew'));//true
alert(isNaN(false));//(*)false:因?yàn)?bool 值 可以轉(zhuǎn)換成數(shù)字，true變1，，false 變 0
5）isNaN()內(nèi)部執(zhí)行原理：同樣適用于對(duì)象。實(shí)現(xiàn)原理：首相調(diào)用對(duì)象的valueOf()方法，如果能轉(zhuǎn)換成數(shù)字就直接做判斷；如果不能就再調(diào)用toString()方法，然后測(cè)試返回值。
valueOf()內(nèi)部調(diào)用了toObject()方法，兩個(gè)方法的 內(nèi)部執(zhí)行的原理：如下圖：
var box={
//重寫(xiě) box 對(duì)象的 toString() 方法
toString:function(){
return '123';
}
};
alert(isNaN(box));//false
alert(box);//123 alert()內(nèi)部也是 先調(diào)用了 對(duì)象的 valueOf() 然后調(diào)用 toString()方法
6）將其他數(shù)據(jù)類型轉(zhuǎn)換成Number類型
含有三個(gè)函數(shù)：Number():可以針對(duì)所有的數(shù)據(jù)類型進(jìn)行轉(zhuǎn)換；parseInt()和parseFloat() 只 針對(duì) 字符串進(jìn)行轉(zhuǎn)化。
alert(Number('123'));//123
alert(Number('0234'));//234
alert(Number(true));//1
alert(Number(null));//(**)0
//除了 上面的 其他的都是 返回 NaN
alert(Number(undefined))//NaN
Number()內(nèi)部實(shí)現(xiàn)的原理：同isNaN() 也是先調(diào)用 valueOf() 然后調(diào)用 toString()。。所以可想而知，性能是比較差的。。所以所過(guò)只要要被轉(zhuǎn)型的對(duì)象是字符串的話，就調(diào)用 parseInt() 或者 parseFloat()因?yàn)樗麄儍?nèi)部不需要對(duì)類型做判斷。
parseInt() 和 parseFloat() 調(diào)用注意：從第一個(gè) 為數(shù)字的 字符開(kāi)始 一直到 第一個(gè)部位數(shù)字的字符 的前一個(gè)數(shù)字 的這部分字符串 轉(zhuǎn)換成數(shù)字
alert(parseInt('123leb'));//123
alert(parseInt('123leb345'));//123
alert(parseInt('len234'));//NaN
當(dāng)parseInt()里面的參數(shù)是 float類型的 那么只 取得 數(shù)字的 整數(shù)部分
alert(parseInt(56.12));//56
6、String類型
1）（*重要*）在ECMAScript中 字符串有不變性：字符串創(chuàng)建之后就不會(huì)再改變。
要改變一個(gè)已經(jīng)被賦值的字符串變量，首先要先銷毀 變量中 字符串，然后再用一個(gè)包含 新值的字符串 填充變量。
var d='hello';
d=d+' shit';//執(zhí)行過(guò)程：先將 'hello'賦值一份，然后將 d 中的字符串清空，將字符串 'hello' 和 ' shit'進(jìn)行拼接，然后賦值給 d 變量。（所以 字符串 的值 一旦 被 創(chuàng)建之后 就不會(huì) 改變）
2）toString()方法 將其他數(shù)據(jù)類型轉(zhuǎn)換成 String類型。但是如果對(duì) null 或undefined 進(jìn)行操作的話就會(huì)報(bào)錯(cuò)。
3）但是String()方法同樣能實(shí)現(xiàn) toString()的效果，但是 可以對(duì) null 和undefined進(jìn)行操作。
內(nèi)部原理：先 調(diào)用 toString(),如果可以轉(zhuǎn)換成字符串，就將結(jié)果直接返回。否，再進(jìn)行判斷是 null 還是 undefined，然后返回‘null' 或 ‘undefined'
總結(jié)：如果知道 變量不可能是 null 或 undefined，就使用 toString()性能比 String(),因?yàn)?String()內(nèi)部還要做判斷，所以有損性能。
相關(guān)文章
獲取table中的rowIndex和cellIndex...2006-12-12
JavaScript中數(shù)據(jù)結(jié)構(gòu)與算法(三)：鏈表
這篇文章主要介紹了JavaScript中數(shù)據(jù)結(jié)構(gòu)與算法(三)：鏈表,本文分別講解了單鏈表與雙鏈表以及增加節(jié)和刪除節(jié)的代碼實(shí)例,需要的朋友可以參考下2015-06-06
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簡(jiǎn)單聊天室，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-07-07
又一款js時(shí)鐘!transform實(shí)現(xiàn)時(shí)鐘效果
又一款js時(shí)鐘!這篇文章主要為大家詳細(xì)介紹了transform實(shí)現(xiàn)的時(shí)鐘效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
Javascript 網(wǎng)頁(yè)黑白效果實(shí)現(xiàn)代碼(兼容IE/FF等)
今天在網(wǎng)上看到有人推薦的一個(gè)不錯(cuò)的方法，試了一下，效果還是可以的，可以自定義讓網(wǎng)頁(yè)的某一部分變成灰度顏色(黑白)。2010-04-04
一個(gè)JavaScript用逗號(hào)分割字符串實(shí)例
分割字符串的方法有很多，這篇文章主要介紹了一個(gè)JavaScript用逗號(hào)分割字符串實(shí)例，需要的朋友可以參考下2014-09-09
js命名應(yīng)遵循簡(jiǎn)潔、語(yǔ)義化的原則,下面這篇文章主要給大家介紹了關(guān)于JavaScript命名約定的最佳實(shí)踐指南,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-03-03
基于JavaScript實(shí)現(xiàn)根據(jù)手機(jī)定位獲取當(dāng)前具體位置（X省X市X縣X街道X號(hào)）
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)根據(jù)手機(jī)定位獲取當(dāng)前具體位置（X省X市X縣X街道X號(hào)）的相關(guān)資料,需要的朋友可以參考下2015-12-12
ClearTimeout消除閃動(dòng)實(shí)例代碼
本文給大家介紹ClearTimeout消除閃動(dòng)相關(guān)知識(shí)，本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-02-02
基于Typescript與Axios的接口請(qǐng)求管理詳解
接口是一系列抽象方法的聲明,是一些方法特征的集合,這些方法都應(yīng)該是抽象的,需要由具體的類去實(shí)現(xiàn),然后第三方就可以通過(guò)這組抽象方法調(diào)用,讓具體的類執(zhí)行具體的方法,這篇文章主要給大家介紹了基于Typescript與Axios的接口請(qǐng)求管理的相關(guān)資料,需要的朋友可以參考下2021-09-09