constructor,構造函數,對這個名字,我們都不陌生,constructor始終指向創建當前對象的構造函數。
這里有一點需要注意的是,每個函數都有一個prototype屬性,這個prototype的constructor指向這個函數,這個時候我們修改這個函數的prototype時,就發生了意外。如
function Person(name,age){ this.name = name; this.age = age;}Person.prototype.getAge = function(){ return this.age;}Person.prototype.getName = function(){ return this.name;}var p = new Person("Nicholas",18);console.log(p.constructor); //Person(name, age)console.log(p.getAge()); //18console.log(p.getName()); //Nicholas
但是如果是這樣:
function Person(name,age){ this.name = name; this.age = age;}Person.prototype = { getName:function(){ return this.name; }, getAge:function(){ return this.age; }}var p = new Person("Nicholas",18);console.log(p.constructor); //Object()console.log(p.getAge()); //18console.log(p.getName()); //Nicholas
結果constructor變了。
原因就是prototype本身也是對象,上面的代碼等價于
Person.prototype = new Object({ getName:function(){ return this.name; }, getAge:function(){ return this.age; }});
因為constructor始終指向創建當前對象的構造函數,那么就不難理解上面代碼p.constructor輸出的是Object了。
對于修改了prototype之后的constructor還想讓它指向Person怎么辦呢?簡單,直接給Person.prototype.constructor賦值就可以了:
Person.prototype = { constructor:Person, getName:function(){ return this.name; }, getAge:function(){ return this.age; }}
以上這篇淺談javascript中的constructor就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。
新聞熱點
疑難解答