前言

典型的面向?qū)ο缶幊陶Z言（比如C++和Java）讼育，存在“類”（class）這個概念肯尺。所謂“類”就是對象的模板续滋，對象就是“類”的實(shí)例惨远。但是谜悟，在 JavaScript 語言的對象體系，不是基于“類”的锨络，而是基于構(gòu)造函數(shù)（constructor）和原型鏈（prototype）。

1 對象的概念

“面向?qū)ο缶幊獭保∣bject Oriented Programming狼牺，縮寫為OOP）羡儿，是目前主流的編程范式。它的核心思想是將真實(shí)世界中各種復(fù)雜的關(guān)系是钥，抽象為一個個對象掠归，然后由對象之間的分工與合作，完成對真實(shí)世界的模擬悄泥÷捕常總結(jié)一下：

1. 對象是單個實(shí)物的抽象
2. 對象是一個容器，封裝了“屬性”和“方法”
3. 所謂屬性弹囚，就是對象的一種狀態(tài)厨相；所謂方法，就是對象的一種行為
4. 比如說鸥鹉，可以把動物抽象為animal對象蛮穿，屬性記錄的就是哪一種動物，以及該動物的大小和顏色等毁渗。方法表示該動物的某種行為（奔跑践磅，獵食，交配灸异，休息等等）府适。

2 構(gòu)造函數(shù)

1. “面向?qū)ο缶幊獭钡牡谝徊剑褪且蓪ο蠓握痢６鴍s中面向?qū)ο缶幊淌腔跇?gòu)造函數(shù)（constructor）和原型鏈（prototype）的檐春。
2. 前面說過，“對象”是單個實(shí)物的抽象么伯。通常需要一個模板喇聊，表示某一類實(shí)物的共同特征，然后“對象”根據(jù)這個模板生成蹦狂。js語言中使用構(gòu)造函數(shù)（constructor）作為對象的模板誓篱。
3. 所謂構(gòu)造函數(shù)朋贬，就是提供一個生成對象的模板，并描述對象的基本結(jié)構(gòu)的函數(shù)窜骄。一個構(gòu)造函數(shù)锦募，可以生成多個對象，每個對象都有相同的結(jié)構(gòu)邻遏。

看一下構(gòu)造函數(shù)的基本結(jié)構(gòu)

var People = function() {
    this.name = 'xiaoyi'; // 注意這里xiaoyi要加單引號糠亩， 不然會認(rèn)為這個是變量，并且未定義
    this.age = 25;
}
// 兩種寫法相同
function People() {
    this.name = 'xiaoyi';
    this.age = 25;
}

上面代碼中准验，People就是構(gòu)造函數(shù)赎线，它提供模板，用來生成對象實(shí)例糊饱。（就是可以按照這個方法定義別的變量）垂寥。為了與普通函數(shù)區(qū)別，構(gòu)造函數(shù)名字的第一個字母通常大寫（這里的People另锋，不大寫也不會報錯滞项，但是還是按照規(guī)則比較好）。

構(gòu)造函數(shù)的三大特點(diǎn)：

1. 構(gòu)造函數(shù)的函數(shù)名的第一個字母通常大寫夭坪。
2. 函數(shù)體內(nèi)使用this關(guān)鍵字文判，代表所要生成的對象實(shí)例。
3. 生成對象的時候室梅，必須使用 new 命令來調(diào)用構(gòu)造函數(shù)戏仓。

3 new 命令

基本原理

new 命令的作用，就是執(zhí)行一個構(gòu)造函數(shù)亡鼠，并且返回一個對象實(shí)例柜去。使用new命令時，它后面的函數(shù)調(diào)用就不是正常的調(diào)用拆宛，而是依次執(zhí)行下面的步驟嗓奢。

1. 創(chuàng)建一個空對象，作為將要返回的對象實(shí)例浑厚。
2. 將空對象的原型指向了構(gòu)造函數(shù)的prototype屬性股耽。
3. 將空對象賦值給構(gòu)造函數(shù)內(nèi)部的this關(guān)鍵字。
4. 開始執(zhí)行構(gòu)造函數(shù)內(nèi)部的代碼钳幅。

也就是說物蝙，構(gòu)造函數(shù)內(nèi)部，this指向的是一個新生成的空對象敢艰，所有針對this的操作诬乞，都會發(fā)生在這個空對象上。構(gòu)造函數(shù)之所謂構(gòu)造函數(shù)，意思是這個函數(shù)的目的就是操作一個空對象（即this對象）震嫉，將其構(gòu)造為需要的樣子森瘪。

以上是 new 命令的基本原理，這個很重要票堵。以下會用具體實(shí)例來驗(yàn)證該原理的過程扼睬。

基本用法

new 命令的作用，就是調(diào)用一個構(gòu)造函數(shù)悴势，并且返回一個對象實(shí)例窗宇。

function People() {
    this.age = 25;
}

var wll = new People();
console.log(wll.age);

上面代碼通過 new 命令，讓構(gòu)造函數(shù) People 生成一個對象實(shí)例特纤，并賦值給全局變量 wll军俊。這個新生成的對象實(shí)例，從構(gòu)造函數(shù) People 中繼承了 age 屬性捧存。同時說明這個對象實(shí)例是沒有 age 屬性的粪躬。在 new 命令執(zhí)行時，就代表了新生成的對象實(shí)例 wll矗蕊，this.age 表示對象實(shí)例有一個age屬性短蜕，它的值是25氢架。

使用 new 命令時傻咖，根據(jù)需要，構(gòu)造函數(shù)也可以接受參數(shù)岖研。

function People(name, age) {
    this.name = name;
    this.age = age;
}

var wll = new People('wangleilei', 25);
console.log(wll.name); // wangleilei
console.log(wll.age); // 25
console.log(wll); // People {name: "wangleilei", age: 25}

1. 上面代碼中卿操，我們創(chuàng)建了一個構(gòu)造函數(shù)People，傳入了兩個參數(shù) name 和age孙援，構(gòu)造函數(shù) People 內(nèi)部使用了 this 關(guān)鍵字來指向?qū)⒁傻膶ο髮?shí)例害淤。

2. 然后，我們使用 new 命令來創(chuàng)建對象實(shí)例 wll拓售。

3. 當(dāng)我們使用 new 命令來調(diào)用構(gòu)造函數(shù)時窥摄，new 命令會創(chuàng)建一個空對象 wll，作為將要返回的實(shí)例對象础淤。接著崭放，這個空對象的原型會指向構(gòu)造函數(shù) People 的prototype屬性，即 People.prototype鸽凶。

4. 然后我們將這個空對象賦值給構(gòu)造函數(shù)內(nèi)部的this關(guān)鍵字币砂，也就是說，讓構(gòu)造函數(shù)內(nèi)部的this關(guān)鍵字指向一個對象實(shí)例玻侥。最后决摧，開始執(zhí)行構(gòu)造函數(shù)內(nèi)部的代碼。

5. 因?yàn)閷ο髮?shí)例 wll 是沒有 name和age屬性的，所以對象實(shí)例中的兩個屬性都是繼承自構(gòu)造函數(shù) People中的掌桩，這也說明了構(gòu)造函數(shù)是生成對象的函數(shù)边锁，是給對象提供模板的函數(shù)。

一個問題拘鞋，如果我們忘記使用 new 命令來調(diào)用構(gòu)造函數(shù)砚蓬，直接調(diào)用構(gòu)造函數(shù)了，會發(fā)生什么盆色？

function People() {
    this.age = 25;
}
var wll = People();
console.log(wll); // undefined
console.log(wll.age); // TypeError: wll is undefined
console.log(window.age); // 25

可見灰蛙，這種情況下，構(gòu)造函數(shù)變成了普通函數(shù)隔躲，并不會生成實(shí)例對象（wll 是 undefined）
并且摩梧，this 指向了全局作用域（如果有 new 則不會），age 也就變成了全局變量宣旱。

解決辦法：

1仅父、 在構(gòu)造函數(shù)內(nèi)部使用嚴(yán)格模式，即第一行加上use strict浑吟。

function People() {
    'use strict';
    this.age = 25;
}
var wll = People();
console.log(wll); // Cannot set property 'age' of undefined
console.log(window.age);// undefined

嚴(yán)格模式下笙纤，函數(shù)內(nèi)部的 this 不能指向全局對象，即便指向了全局组力，this 默認(rèn)值等于undefined（如上代碼）省容。
2、另一個解決辦法燎字，是在構(gòu)造函數(shù)內(nèi)部判斷是否使用 new 命令腥椒，如果發(fā)現(xiàn)沒有使用，則直接返回一個實(shí)例對象候衍。

function People(age) {
if(!(this instanceof People)) {
    return new People(age);
    }
    this.age = age;
}
var wll = People(25);
console.log(wll.age); // 25

上面代碼中笼蛛，構(gòu)造函數(shù)不管加不加new命令，都會得到同樣的結(jié)果蛉鹿。

3滨砍、 如果構(gòu)造函數(shù)內(nèi)部有 return 語句，而且 return 后面跟著一個復(fù)雜數(shù)據(jù)類型（對象妖异，數(shù)組等）惋戏，new 命令會返回 return 語句指定的對象；如果 return 語句后面跟著一個簡單數(shù)據(jù)類型（字符串随闺，布爾值日川，數(shù)字等），則會忽略 return 語句矩乐，返回 this 對象龄句。

function People() {
    this.age = 25;
    return {
        age: 26
    };
}
var wll = new People();
console.log(wll.age); //26

function People() {
    this.age = 25;
    return 27;
}
var wll = new People();
console.log(wll.age); //25

4回论、另一方面，如果對普通函數(shù)（內(nèi)部沒有this關(guān)鍵字的函數(shù)）使用 new 命令分歇，則會返回一個空對象傀蓉。

function People() {
    return 'its a message';
}
var wll = new People();
console.log(wll); // People {}

上面代碼中，對普通函數(shù) People 使用 new 命令职抡，會創(chuàng)建一個空對象葬燎。這是因?yàn)?new 命令總
是返回一個對象，要么是實(shí)例對象缚甩，要么是 return 語句指定的對象或數(shù)組谱净。本例中，return 語句返回的是字符串擅威，所以 new 命令就忽略了該語句壕探。

來自 http://www.cnblogs.com/Uncle-Keith/p/5803551.html 有修改。謝謝郊丛！