js 中的數(shù)據(jù)類型

Jensen 發(fā)布于2019-08-23 17:08 / 1660人閱讀

摘要：來(lái)自你不知道的對(duì)未初始化和未聲明的變量執(zhí)行操作符都返回了值類型是第二個(gè)只有一個(gè)值的數(shù)據(jù)類型，這個(gè)特殊的值是。

基本類型

主要有：undefined、null、布爾值（Boolean）、字符串（String）、數(shù)值（Number）、Symbol

undefined

在使用 var,let,const 聲明變量但未對(duì)其加以初始化時(shí)，這個(gè)變量的值就是undefined

注意點(diǎn)：

undefined 是一種類型區(qū)別于 "undefined"

番外：作用域是一套規(guī)則，用于確定在何處以及如何查找變量（標(biāo)識(shí)符）。如果查找的目的是對(duì)變量進(jìn)行賦值，那么就會(huì)使用LHS查詢；如果目的是獲取變量的值，就會(huì)使用RHS查詢。RHS查詢找到了一個(gè)變量，但是你嘗試對(duì)這個(gè)變量的值進(jìn)行不合理的操作，比如試圖對(duì)一個(gè)非函數(shù)類型的值進(jìn)行函數(shù)調(diào)用，或著引用null或undefined類型的值中的屬性，那么引擎會(huì)拋出另外一種類型的異常，叫作TypeError。ReferenceError同作用域判別失敗相關(guān)，而TypeError則代表作用域判別成功了，但是對(duì)結(jié)果的操作是非法或不合理的。來(lái)自--《你不知道的JS》

對(duì)未初始化和未聲明的變量執(zhí)行typeof操作符都返回了undefined值；

null

Null類型是第二個(gè)只有一個(gè)值的數(shù)據(jù)類型，這個(gè)特殊的值是null。從邏輯角度來(lái)看，null值表示一個(gè)空對(duì)象指針，而這也正是使用typeof操作符檢測(cè)null值時(shí)會(huì)返回"object"的原因

注意點(diǎn) undefined與null的關(guān)系

== 操作符會(huì)進(jìn)行隱式轉(zhuǎn)換 === 不會(huì)

Boolean

注意點(diǎn)：

Number

注意點(diǎn)

NAN
NAN 與任何值進(jìn)行運(yùn)算都是NAN
NAN 與任何值都不相等包括它自己

對(duì)于字符串轉(zhuǎn)換用parseInt()，parseFloat 轉(zhuǎn)換空字符串會(huì)返回NaN（Number()對(duì)空字符返回 0）

String

幾乎所有值都具有toString() 方法；

Symbol

引用類型

Object 、Array

基本引用類型

如下~

var str = "hello"; //string 基本類型
var s2 = str.charAt(0);
alert(s2); // h

毫無(wú)疑問(wèn)上面的string是一個(gè)基本類型，但是它卻能召喚出一個(gè) charAt() 的方法，這是什么原因呢？
主要是因?yàn)樵诨绢愋椭?，有三個(gè)比較特殊的存在就是：String Number Boolean，這三個(gè)基本類型都有自己對(duì)應(yīng)的包裝對(duì)象。并且隨時(shí)等候召喚。包裝對(duì)象呢，其實(shí)就是對(duì)象，有相應(yīng)的屬性和方法。至于這個(gè)過(guò)程是怎么發(fā)生呢，其實(shí)是在后臺(tái)偷偷發(fā)生的。

//我們平常寫程序的過(guò)程：
var str = "hello"; //string 基本類型
var s2 = str.charAt(0); //在執(zhí)行到這一句的時(shí)候 后臺(tái)會(huì)自動(dòng)完成以下動(dòng)作 ：
（ 
 var _str = new String("hello"); // 1 找到對(duì)應(yīng)的包裝對(duì)象類型，然后通過(guò)包裝對(duì)象創(chuàng)建出一個(gè)和基本類型值相同的對(duì)象
 var s2 = _str.chaAt(0); // 2 然后這個(gè)對(duì)象就可以調(diào)用包裝對(duì)象下的方法，并且返回結(jié)給s2.
 _str = null;  //    3 之后這個(gè)臨時(shí)創(chuàng)建的對(duì)象就被銷毀了， str =null; 
 ） 
alert(s2);//h 
alert(str);//hello

注意這是一瞬間的動(dòng)作實(shí)際上我們沒(méi)有改變字符串本身的值。就是做了下面的動(dòng)作.這也是為什么每個(gè)字符串具有的方法并沒(méi)有改變字符串本身的原因。

由此我們可以知道，引用類型和基本包裝對(duì)象的區(qū)別在于：生存期
引用類型所創(chuàng)建的對(duì)象，在執(zhí)行的期間一直在內(nèi)存中，而基本包裝對(duì)象只是存在了一瞬間。

所以我們無(wú)法直接給基本類型添加方法：

var str = "hello";
str.number = 10; //假設(shè)我們想給字符串添加一個(gè)屬性number ，后臺(tái)會(huì)有如下步驟
｛ 
 var _str = new String("hello"); // 1 找到對(duì)應(yīng)的包裝對(duì)象類型，然后通過(guò)包裝對(duì)象創(chuàng)建出一個(gè)和基本類型值相同的對(duì)象
  _str.number = 10; // 2 通過(guò)這個(gè)對(duì)象調(diào)用包裝對(duì)象下的方法 但結(jié)果并沒(méi)有被任何東西保存
 _str =null; // 3 這個(gè)對(duì)象又被銷毀
 ｝
alert(str.number); //undefined  當(dāng)執(zhí)行到這一句的時(shí)候，因?yàn)榛绢愋捅緛?lái)沒(méi)有屬性，后臺(tái)又會(huì)重新重復(fù)上面的步驟
｛ 
 var str = new String("hello"); // 1 找到基本包裝對(duì)象，然后又新開(kāi)辟一個(gè)內(nèi)存，創(chuàng)建一個(gè)值為hello對(duì)象
 str.number = undefined   // 2 因?yàn)榘b對(duì)象下面沒(méi)有number這個(gè)屬性，所以又會(huì)重新添加，因?yàn)闆](méi)有值，所以值是未定義;然后彈出結(jié)果
 str =null; // 3 這個(gè)對(duì)象又被銷毀
 ｝

那么我們?cè)趺床拍芙o基本類型添加方法或者屬性呢？
答案是在基本包裝對(duì)象的原型下面添加，每個(gè)對(duì)象都有原型。

//給字符串添加方法  要寫到對(duì)應(yīng)的包裝對(duì)象的原型下才行
var str = "hello";
String.prototype.last= fuction(){ 
    return this.charAt(this.length);
}; 
str.last(); // 5 執(zhí)行到這一句，后臺(tái)依然會(huì)偷偷的干這些事
｛ 
    var _str = new String("hello");// 找到基本包裝對(duì)象，new一個(gè)和字符串值相同的對(duì)象，
    _str.last();  // 通過(guò)這個(gè)對(duì)象找到了包裝對(duì)象下的方法并調(diào)用 
    _str =null; //  這個(gè)對(duì)象被銷毀
｝