javascript constructor簡單介紹

constructor可以返回物件對建立它的建構函式的引用，例如:

[JavaScript] 純文字檢視 複製程式碼
var arr=[1,2,3];
console.log(arr.constructor===Array);

以上程式碼中的輸出值是true，這說明陣列物件arr的constructor屬性指向它的建構函式Array。

可能上面的程式碼過於簡單了，下面再來一點稍稍複雜的程式碼分析一下:

[JavaScript] 純文字檢視 複製程式碼
Object.prototype.webName="螞蟻部落";
function show(){
  this.name="show函式name";
}
         
show.prototype={
  constructor:show, 
  name:"show的原型物件的name",
  msg:function(){return this.name + this.webName}
}
             
var prototypeObj=show.prototype;
console.log(prototypeObj.msg());
var obj=new prototypeObj.constructor;
console.log(obj.name);
var showObj=new show();
console.log(showObj.msg());

下面對以上程式碼進行一下注釋:

1.Object.prototype.webName="螞蟻部落"為Object的原型物件新增一個名為webName的屬性，屬性值為:螞蟻部落。

2.function show(){this.name="show函式name"}，建立一個函式，當次函式用作建構函式的時候，this就只想通過建構函式建立的物件物件例項，那麼此物件例項的name屬性值為:show函式name。

3.show.prototype={}，將show的原型物件設定為後面的物件直接量。

4.constructor:show，將原型物件的constructor屬性指向show函式。

5.name:"show的原型物件的name"，屬性和屬性值，這個很簡單就不用數了。

6.msg:function(){return this.name + this.webName}，和上面一個道理，只不過是函式而已。

7.var prototypeObj=show.prototype，將show函式的原型物件的引用賦值給變數prototypeObj。

8.console.log(prototypeObj.msg())，因為prototypeObj是show的原型物件的引用，那麼將會輸出：show的原型物件的name螞蟻部落，在msg，第一個this是指向原型的物件例項，第二個this也是，不過在原型物件中沒有webName屬性，那麼將會通過原型鏈找到Object的原型的webName屬性。

9.var obj=new prototypeObj.constructor，prototypeObj是指向show的原型物件的，也就是那個物件直接量，此物件直接量的constructor屬性是指向show函式的，所以這裡就是建立了一個show的物件例項。

10.console.log(obj.name)，所以將會輸出show函式name。

11.var showObj=new show(),建立一個show的物件例項。

12.console.log(showObj.msg())，msg函式中的this是指向show的物件例項,儘管在原型物件中也有name屬性，但是物件本身的優先順序要高，第二個this自然也是指向show的物件例項，依然通過原型鏈找到:螞蟻部落，所以輸出結果為:show函式name螞蟻部落。