一、六種數(shù)據(jù)類型 （弱類型數(shù)據(jù)）

1.基本數(shù)據(jù)類型(5種)：Undefined、Null、Boolean、Number、String

2.引用數(shù)據(jù)類型(1種)：Object  例如： Function Date Array ...

在js中定義變量的時(shí)候無需指定類型。比如定義一個(gè)變量 var num = 16， 而此時(shí)我們也可以把一個(gè)字符串賦值給這個(gè)變量 num = "this is a string"，這樣也是合法的。那可能有的朋友覺得js好簡(jiǎn)單，定義變量的時(shí)候連類型是什么都不用管，是這樣的嗎？那下面我們來看一下：

  (1).  16 + 16 的運(yùn)算結(jié)果是什么呢，這個(gè)很簡(jiǎn)單是 32

  (2). 我們把第一個(gè) 16 用雙引號(hào)引起來，理解為字符串。 "16" + 16 的運(yùn)算結(jié)果是什么呢，還是 32 嗎？肯定不是啦，此時(shí)這里的理解為字符串拼接，答案為 “1616” 這樣一個(gè)字符串。

  (3). 我們繼續(xù)看同樣是那如果同樣是字符串或者是數(shù)字，我們把 + 變成 -，"16" - 16 此時(shí)運(yùn)算結(jié)果是什么呢？ 答案是 0。這里的理解為數(shù)字的運(yùn)算所以答案就是0。

小結(jié)：js在定義一個(gè)變量的時(shí)候雖然不用指定變量的數(shù)據(jù)類型，但是在涉及到操作符等等的一些運(yùn)算的時(shí)候，背后往往有很多的隱式轉(zhuǎn)換邏輯。

二、隱式轉(zhuǎn)換 （+ 和 -，== 和 ===）

1.借著上面提到的我們舉一個(gè)例子：

　 "16" + 6  // "166" （字符串拼接）　 "16" - 6  // 10　（數(shù)字運(yùn)算）

我們往往可以利用（+/-）規(guī)則來進(jìn)行轉(zhuǎn)換類型。

比如：我們想把變量num 轉(zhuǎn)換成數(shù)字類型，一個(gè)非常簡(jiǎn)單的方法我們就可以 num - 0。又或者我們想把num轉(zhuǎn)換成 String 類型，我們?cè)撛趺崔k呢，對(duì)就是加一個(gè)空的字符串 num + ""。

2. == 和 ===

（一）、相等運(yùn)算符 （==）

  1、如果一個(gè)值是null，另一個(gè)是undefined，則它們相等。

  2、如果一個(gè)值是數(shù)字，另一個(gè)是字符串，先將字符串轉(zhuǎn)換為數(shù)字，然后使用轉(zhuǎn)換后的值比較。

  3、如果其中一個(gè)值是true，則將其轉(zhuǎn)換為1再進(jìn)行比較。如果其中一個(gè)值是false，則將基轉(zhuǎn)換為0再進(jìn)行比較。

  4、如果一個(gè)值是對(duì)象，另一個(gè)值是數(shù)字或字符串，則將對(duì)象轉(zhuǎn)換為原始值，然后再進(jìn)行比較。對(duì)象通過toString()方法或valueOf()方法轉(zhuǎn)換為原始值。JavaScript核心的內(nèi)置類首先嘗試使用valueOf()，再嘗試使用toString()，除了日期類，日期類只使用toString()轉(zhuǎn)換。那些不是JavaScript語言核心中的對(duì)象則通過各自的實(shí)現(xiàn)中定義的方法轉(zhuǎn)換為原始值。

  5、其他不同類型之間的比較均不相等.

例如：

  null == undefined， //true　“16” == 16, //true　　 0 == false， //true　　 [1,2] == [1,2], //false　　 new Object() == new Object(), //false　　 new Object().toString() == new Object().toString(),  //true　　 new String("aaa") == "aaa", //true　　 new String("11") == 11, //true

（二）、嚴(yán)格等于（===）

  1、首先判斷他們的類型，如果兩個(gè)值類型不相同，則它們不相等，直接返回 false。  

  // “16” === 16,  //false

  2、如果兩個(gè)值都是null或者都是undefined，則它們才相等。

  //   null === null， //true，   undefined=== undefined， //true    undefined === null  //false

  3、如果兩個(gè)值都是布爾值true或false，則它們相等。

  4、如果其中一個(gè)值是NaN，或者兩個(gè)兩個(gè)值都是NaN，則它們不相等。NaN和其他任何值都是不相等的，包括它本身！！！通過x!==x來判斷x是否為NaN，只有在x為NaN的時(shí)候，這個(gè)表達(dá)式的值才為true。

  5、如果兩個(gè)值為數(shù)字，且數(shù)值相等，則它們相等。如果一個(gè)為0，另一個(gè)為-0，則它們同樣相等。

  6、如果兩個(gè)值為字符串，且所含的對(duì)應(yīng)位上的16位數(shù)完全相等，則它們相等。如果它們的長(zhǎng)度或內(nèi)容不同，則它們不等。兩個(gè)字符串可能含義完全一樣且所顯示出手字符也一樣，但具有不同編碼的16位值。JavaScript并不對(duì)Unicode進(jìn)行標(biāo)準(zhǔn)化的轉(zhuǎn)換，因此像這樣的字符串通過"==="和"=="運(yùn)算符的比較結(jié)果也不相等。

  7、如果兩個(gè)引用值同一個(gè)對(duì)象、數(shù)組或函數(shù)，則它們是相等的。如果指向不同的對(duì)象，則它們是不等的。盡管兩個(gè)對(duì)象具有完全一樣的屬性。

三、包裝對(duì)象

定義：在JavaScript中，“一切皆對(duì)象”，數(shù)組和函數(shù)本質(zhì)上都是對(duì)象，就連三種原始類型的值――數(shù)值、字符串、布爾值――在一定條件下，也會(huì)自動(dòng)轉(zhuǎn)為對(duì)象，也就是原始類型的“包裝對(duì)象”。

通俗來講：字符串，數(shù)值，字符串，這些單身狗看其它人都有對(duì)象，非常不爽，所以自己也搞了個(gè)對(duì)象，名字叫包裝。

1.一般來說，只有對(duì)象是可以對(duì)屬性進(jìn)行讀寫操作的。但是聰明的騷年，你有沒有發(fā)現(xiàn)，平時(shí)我們用得很多的字符串方法和屬性，都是直接通過”.”操作符訪問的。比如：

　　console.log("hello world".length);　　console.log("this a string".indexOf("a"));

2.其實(shí)，在我們調(diào)用這些方法和屬性時(shí)，JS內(nèi)部已經(jīng)隱式地幫我們幫創(chuàng)建了一個(gè)包裝對(duì)象了，以上的實(shí)際的情形應(yīng)該是這樣的：

　　console.log(new String("hello world").length);　　console.log(new String("this a string").indexOf("a"));

3.但是兩者還是有區(qū)別的，

區(qū)別1：

瀏覽器自己隱式創(chuàng)建的包裝對(duì)象和你顯式創(chuàng)建的包裝對(duì)象不嚴(yán)格相等。簡(jiǎn)單來說，雖然說表面JS對(duì)親生的與領(lǐng)養(yǎng)的一樣，但實(shí)際上，親生的不等于領(lǐng)養(yǎng)的。

　　　　var a1 = "test",   　　a2=new String("test");　　　　console.log(a1 == a2);//true　　　　console.log(a1 === a2);//false

區(qū)別2：

隱式創(chuàng)建的包裝對(duì)象，在使用完后之后就會(huì)被拋棄了。簡(jiǎn)單來說就是，一個(gè)大大的負(fù)心漢，上完我，就拋棄，還重新去找其他對(duì)象。

拿我們開頭的那道題來說：

test.a = "hello";

這里隱式創(chuàng)建了一個(gè)包裝對(duì)象，所以這里賦值不會(huì)報(bào)錯(cuò)。

console.log(test.a);

這里之前的包裝對(duì)象已經(jīng)被拋棄了，但是使用了"."運(yùn)算符，所以又創(chuàng)建一個(gè)新的包裝對(duì)象，但是這個(gè)對(duì)象的屬性a并沒有賦值，所以屬性a的值是undefined。

說到實(shí)際運(yùn)用中，有的瀏覽器性能不是很好，比如說低版本IE，當(dāng)頻繁處理字符串時(shí)，效率會(huì)很低。所以很多時(shí)候，我們還不如直接顯式地創(chuàng)建包裝對(duì)象，防止瀏覽器過多地創(chuàng)建隱式的包　　裝對(duì)象，提升性能。

　　　　//不推薦使用種方法　　　　var example = "this is a example"; 　　　　//推薦使用這種方法，提升性能。　　　　var example2 = new String("this is a example");

四、類型檢測(cè)

在js中檢測(cè)類型的方法有很多，比如 typeof、instanceof、Object.prototype.toString、constructor、duck type

1. typeof 運(yùn)算符，有兩種方式 typeof + 檢測(cè)目標(biāo) 或者 typeof （檢測(cè)目標(biāo)），該方法適用于基本數(shù)據(jù)類型和函數(shù)的檢測(cè)（遇到null失效）,返回的結(jié)果都是字符串

　typeof 100    “number”

　typeof true   “boolean”

　typeof（"hello"）  "String"

　typeof Function   “Function”

　typeof undefined  “undefined”

　typeof null  “Object”  歷史遺留的問題，為了兼容

  typeof NaN  “number”   判斷NaN的方法可以用isNaN（NaN）來判斷，如果返回true就是NaN

　typeof new Object（）   “Object”

　typeof [1,2]   "Object"

大家可能注意到了，typeof在檢測(cè)對(duì)象類型的時(shí)候是無法區(qū)分的，此時(shí)我們就要用第二種方法instanceof

2.instanceof運(yùn)算符（適用于自定義對(duì)象或者原生對(duì)象數(shù)據(jù)類型的檢測(cè)），基于原型鏈的類型檢測(cè)

比如判斷一個(gè)對(duì)象是不是數(shù)組： [1,2] instanceof Array 返回 true

obj instanceof Object   ：它期望左操作數(shù)obj 是一個(gè)對(duì)象，如果是一個(gè)數(shù)字1,2,3或者true，false時(shí)就會(huì)直接返回false。

　　　　　　　　　　　  它期望右操作數(shù)是一個(gè)函數(shù)對(duì)象或者是函數(shù)構(gòu)造器，如果不是就會(huì)拋出Typeerror異常

instanceof 工作的一個(gè)大概的原理就是它會(huì)判斷左操作數(shù)這樣一個(gè)對(duì)象的原型鏈上是否有右邊這個(gè)構(gòu)造函數(shù)的prototype屬性

我們舉一個(gè)例子：

　　　　　　function Person（）{}　　　　　　function Student（）{}　　　　　　Student.prototype = new Person();　　　　　　Student.protype.constructor = Student　　　　　　var a = new Person();　　　　　　var b = new Student();　　　　　　-----------------------------------------　　　　　　a instanceof Person // true　　　　　　b instanceof Student //true　　　　　　a instanceof Student //false　　　　　　b instanceof Person //true

注意：不同window之間和跨iframe之間是不可以使用instanceof的，雖然看著是同一個(gè)對(duì)象但是在不同window之間和跨iframe之間是不同的對(duì)象，每個(gè)iframe下都有自己的一套原型鏈,跨frame實(shí)例化的對(duì)象彼此是不共享原型鏈，因此會(huì)返回false

3.Object.prototype.toString 函數(shù)方法

Object.prototype.toString.call()或者Object.prototype.toString.apply()

例如：

Object.prototype.toString.call([])   //"[object Array]"Object.prototype.toString.call(function(){})　　//"[object Function]"Object.prototype.toString.call(undefined)　　//"[object Undefined]"Object.prototype.toString.call(null)   //"[object Null]"

注意：1.解決了跨iframe 失效的問題

　       2.IE 6,7,8下  Object.prototype.toString.call(null或undefined)      //"[object Object]"

4.constructor方法

function A(){}; function B(){}; A.prototype = new B(); var aObj = new A(); -------------------------------- aObj.constructor === B; //true; aObj.constructor === A; //false;

注意：類繼承時(shí)會(huì)出現(xiàn)問題

5.duck type（鴨子類型）

比如檢測(cè)數(shù)組時(shí)，我們可以檢測(cè)他有沒有push（）方法等等

以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持武林網(wǎng)！