new 命令
基本用法
new 命令的作用，就是執行構造函數，返回一個實例對象。
1 var Vehicle = function (){
2 this.price = 1000;
3 };
4
5 var v = new Vehicle();
6 v.price // 1000
上面代碼通過 new 命令，讓構造函數Vehicle生成一個實例對象，保存在變量v中。這個新生成的實例對象，從構造函數Vehicle繼承了price屬性。在 new 命令執行時，構造函數內部的 this ，就代表了新生成的實例對象，this.price表示實例對象有一個price屬性，它的值是1000。
使用new命令時，根據需要，構造函數也可以接受參數。
1 var Vehicle = function (p) {
2 this.price = p;
3 };
4 var v = new Vehicle(500);
new 命令本身就可以執行構造函數，所以后面的構造函數可以帶括號，也可以不帶括號。下面兩行代碼是等價的。
1 var v = new Vehicle(); 2 var v = new Vehicle;
一個很自然的問題是，如果忘了使用 new 命令，直接調用構造函數會發生什么事？
這種情況下，構造函數就變成了普通函數，並不會生成實例對象。而且由於后面會說到的原因， this 這時代表全局對象，將造成一些意想不到的結果。
1 var Vehicle = function (){
2 this.price = 1000;
3 };
4 var v = Vehicle();
5 v.price
6 // Uncaught TypeError: Cannot read property 'price' of undefined
7 price
8 // 1000
上面代碼中，調用Vehicle構造函數時，忘了加上 new 命令。結果，price屬性變成了全局變量，而變量v變成了 undefined 。
因此，應該非常小心，避免出現不使用 new 命令、直接調用構造函數的情況。為了保證構造函數必須與 new 命令一起使用，一個解決辦法是，在構造函數內部使用嚴格模式，即第一行加上 use strict 。
1 function Fubar(foo, bar){
2 'use strict';
3 this._foo = foo;
4 this._bar = bar;
5 }
6 Fubar()
7 // TypeError: Cannot set property '_foo' of undefined
上面代碼的Fubar為構造函數， use strict 命令保證了該函數在嚴格模式下運行。由於在嚴格模式中，函數內部的this不能指向全局對象，默認等於 undefined ，導致不加new調用會報錯（JavaScript不允許對 undefined 添加屬性）。
另一個解決辦法，是在構造函數內部判斷是否使用 new 命令，如果發現沒有使用，則直接返回一個實例對象。
1 function Fubar(foo, bar){
2 if (!(this instanceof Fubar)) {
3 return new Fubar(foo, bar);
4 }
5 this._foo = foo;
6 this._bar = bar;
7 }
8 Fubar(1, 2)._foo // 1
9 (new Fubar(1, 2))._foo // 1
上面代碼中的構造函數，不管加不加new命令，都會得到同樣的結果。
new命令的原理
使用new命令時，它后面的函數調用就不是正常的調用，而是依次執行下面的步驟。
- 創建一個空對象，作為將要返回的對象實例
- 將這個空對象的原型，指向構造函數的 prototype 屬性
- 將這個空對象賦值給函數內部的 this 關鍵字
- 開始執行構造函數內部的代碼
也就是說，構造函數內部， this 指的是一個新生成的空對象，所有針對 this 的操作，都會發生在這個空對象上。構造函數之所以叫“構造函數”，就是說這個函數的目的，就是操作一個空對象（即 this 對象），將其“構造”為需要的樣子。
如果構造函數內部有return語句，而且return后面跟着一個對象， new 命令會返回 return 語句指定的對象；否則，就會不管 return 語句，返回 this 對象。
1 var Vehicle = function () {
2 this.price = 1000;
3 return 1000;
4 };
5 (new Vehicle()) === 1000
6 // false
上面代碼中，構造函數Vehicle的 return 語句返回一個數值。這時， new 命令就會忽略這個 return 語句，返回“構造”后的 this 對象。
但是，如果return語句返回的是一個跟this無關的新對象， new 命令會返回這個新對象，而不是 this 對象。這一點需要特別引起注意。
1 var Vehicle = function (){
2 this.price = 1000;
3 return { price: 2000 };
4 };
5 (new Vehicle()).price
6 // 2000
上面代碼中，構造函數 Vehicle 的 return 語句，返回的是一個新對象。 new 命令會返回這個對象，而不是 this 對象。
另一方面，如果對普通函數（內部沒有 this 關鍵字的函數）使用 new 命令，則會返回一個空對象。
1 function getMessage() {
2 return 'this is a message';
3 }
4 var msg = new getMessage();
5 msg // {}
6 typeof msg // "Object"
上面代碼中， getMessage 是一個普通函數，返回一個字符串。對它使用 new 命令，會得到一個空對象。這是因為 new 命令總是返回一個對象，要么是實例對象，要么是 return 語句指定的對象。本例中， return 語句返回的是字符串，所以 new 命令就忽略了該語句。
在javascript中，new關鍵字能讓一個函數變得與眾不同,把new搞清楚了，就明白構造函數中的this指向誰了。
舉個例子
funtion Demo(){ console.log(this); } Demo();//window new Demo();//demo很顯然使用new關鍵字之后，函數內部this的指向發生了變化，那么具體發生了什么變化呢，就得搞清楚new關鍵字究竟做了什么。
function New(func){
//聲明一個中間對象，該對象為最終返回的實例 var res = {}; if(func.prototype != null){ //將實例的原型指向構造函數的原型 res.prototype = func.prototype; } //ret為構造函數執行的結果，這里通過```apply```，將構造函數內部的```this```指向修改為指向```res```，即實例對象 var ret = func.apply(res,Array.prototype.slice.call(arguments,1)); //當我們在構造函數上明確指定了返回對象時，那么```new```的執行結果就是該返回對象 if((typeof ret === 'object' || typeof ret === 'function')&&ret != null){ return ret; } return res; }所以在new一個實例的過程中，其實是執行了如下的步驟
- 1、聲明一個中間對象
- 2、將該中間對象的原型指向構造函數的原型
- 3、將構造函數中的this指向該中間對象
- 4、返回該中間對象，即返回實例對象