對(duì)象的創(chuàng)建方式

• 對(duì)象字面量：最直接的方式，通過鍵值對(duì)的形式定義對(duì)象。

var mrPeng = {
    name: '彭于晏',
    age: 18,
    sex: 'boy',
};

• new Object() ：構(gòu)造函數(shù)方式創(chuàng)建一個(gè)空對(duì)象。

var obj = new Object();

• 自定義構(gòu)造函數(shù)：通過new關(guān)鍵字調(diào)用自定義的構(gòu)造函數(shù)來創(chuàng)建特定類型的對(duì)象。

function Car(name, height) {
    this.name = name;
    this.height = height;
}
var car = new Car('Toyota', 1500);

• 模擬構(gòu)造函數(shù)：模擬一個(gè)構(gòu)造函數(shù)，但不使用new關(guān)鍵字，需手動(dòng)實(shí)現(xiàn)。

function Person(name, age){
    var self = {};
    self.name = name;
    self.age = age;
    return self;
}
let p = Person('Alice', 30);

包裝類

進(jìn)度一

先來看看這段JS代碼：

   var num = 123;
   num.a = 'aaa'; 
   console.log(num.a); // undefined

簡(jiǎn)單解釋一下代碼：代碼中先聲明了一個(gè)Num，并賦值為123，再在Num上掛上一個(gè)屬性a，其值為字符串aaa，然后打印輸出Num中a的值

如果你也是這樣想的話，那么你心中輸出的結(jié)果不就是字符串aaa嘛。可是輸出的結(jié)果真的是字符串aaa嗎？？？

當(dāng)然不是，我可以清楚的告訴你，該段代碼輸出的是undefined。說明屬性a并沒有掛在num上，畢竟num不是對(duì)象，那竟然沒掛上去，訪問不存在的東西時(shí)，不應(yīng)該報(bào)錯(cuò)嗎？那又為什么輸出的是undefined呢？

首先，我們通過該段代碼能知道：在JS中原始值（原始類型數(shù)據(jù)）（如數(shù)字Number、字符串String、布爾值boolean等）不能擁有屬性和方法，屬性和方法只有對(duì)象才能擁有。

那么如果我們將var num = 123;改寫成var num = new Number(123);呢，我們就得到了一個(gè)對(duì)象，可是對(duì)象里面沒有key，只有一個(gè)值為123。展開Number(123)這個(gè)對(duì)象看一下，就會(huì)看到有一個(gè)[[PrimitiveValue]]:123,意思就是說這是一種特殊的對(duì)象Number(123)，這個(gè)對(duì)象就是我們說的包裝類。

你說他是對(duì)象他就是對(duì)象，你說他是數(shù)字他也是數(shù)字，他能當(dāng)成數(shù)字來用。

   var num = new Number(123);
   console.log(num*2);// 輸出246
   num.a = 'aaa'; 
   console.log(num.a); //輸出aaa

這就說明當(dāng)你將他用來當(dāng)對(duì)象，他就是對(duì)象，用來當(dāng)數(shù)字，他就是數(shù)字。

var num = 123;這種創(chuàng)建的叫數(shù)字字面量，而var num = new Number(123);創(chuàng)建的叫Number對(duì)象（數(shù)字對(duì)象）。對(duì)象是可以有屬性和方法的，而原始值是沒有的。

進(jìn)度二

讓我們來看看先這段代碼：

var str ='asdf'   
console.log(str.length)  //輸出4

為什么這個(gè)能輸出4呢?總不能說剛剛得到的結(jié)論是錯(cuò)的吧

在解決上面這個(gè)問題前先來看看這段代碼：

   var num = 4;
   num.len = 3; //
   console.log(num.len); // undefined

根據(jù)上面的結(jié)論，我們能知道這里的 len是不能掛在原始值上的，輸出的肯定是undefined，沒錯(cuò)吧。

我們來解析一下上面那段代碼，看看在v8引擎是怎樣實(shí)現(xiàn)的：

• 首先，在執(zhí)行var num = 4;時(shí) ，v8會(huì)將代碼執(zhí)行為new Number(4),也就是所有的字面量都會(huì)執(zhí)行成這個(gè)樣子，包括字符串和布爾會(huì)執(zhí)行成new String()和new Boolean() ，將其轉(zhuǎn)換為對(duì)象，也就是包裝類。
• 然后，v8在執(zhí)行這個(gè)代碼num.len = 3;時(shí)，就會(huì)將len屬性掛在Number這個(gè)對(duì)象上，且值為3。因?yàn)樵贘S中數(shù)字對(duì)象就是為了彌補(bǔ)數(shù)字字面量的不足，在JS中萬物皆對(duì)象，所有的東西都要往對(duì)象上靠
• 最后，在執(zhí)行console.log(num.len);之前就會(huì)突然醒悟過來，也就是在讀取該值或在執(zhí)行前會(huì)使用 str.valueof()方法 ，判斷這個(gè)對(duì)象（數(shù)字對(duì)象）是否能轉(zhuǎn)化為原始值(str.valueof()方法只能操作包裝類)，如果能轉(zhuǎn)化為原始值，那么就會(huì)將屬性和方法移除,執(zhí)行delete num.len。然而在輸出的時(shí)候，num.len先在Number對(duì)象中查找，找不到就會(huì)聲明一個(gè)len屬性再對(duì)象中，但是沒有值啊，所以輸出的就是undefined，而不不是報(bào)錯(cuò)?。?！

訪問對(duì)象不存在的屬性，會(huì)返回undefined

訪問不存在的不變量，會(huì)報(bào)錯(cuò)?。?/strong>

var str ='asdf'   
console.log(str.length)  //輸出4