深入淺析JavaScript中的constructor

字號(hào):


    constructor 屬性返回對(duì)創(chuàng)建此對(duì)象的數(shù)組函數(shù)的引用。本文給大家介紹JavaScript中的constructor ,需要的朋友參考下吧
    定義和用法
    constructor 屬性返回對(duì)創(chuàng)建此對(duì)象的數(shù)組函數(shù)的引用。
    語(yǔ)法
    object.constructor
    constructor,構(gòu)造函數(shù),對(duì)這個(gè)名字,我們都不陌生,constructor始終指向創(chuàng)建當(dāng)前對(duì)象的構(gòu)造函數(shù)。
    這里有一點(diǎn)需要注意的是,每個(gè)函數(shù)都有一個(gè)prototype屬性,這個(gè)prototype的constructor指向這個(gè)函數(shù),這個(gè)時(shí)候我們修改這個(gè)函數(shù)的prototype時(shí),就發(fā)生了意外。如
    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()); //18
    console.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()); //18
    console.log(p.getName()); //Nicholas
    結(jié)果constructor變了。
    原因就是prototype本身也是對(duì)象,上面的代碼等價(jià)于
    Person.prototype = new Object({
    getName:function(){
    return this.name;
    },
    getAge:function(){
    return this.age;
    }
    });
    因?yàn)閏onstructor始終指向創(chuàng)建當(dāng)前對(duì)象的構(gòu)造函數(shù),那么就不難理解上面代碼p.constructor輸出的是Object了。
    對(duì)于修改了prototype之后的constructor還想讓它指向Person怎么辦呢?簡(jiǎn)單,直接給Person.prototype.constructor賦值就可以了:
    Person.prototype = {
    constructor:Person,
    getName:function(){
    return this.name;
    },
    getAge:function(){
    return this.age;
    }
    }
    以上所述是小編給大家介紹的JavaScript中的constructor ,希望對(duì)大家有所幫助!