Js中采用字面量方式重写原型函数导致原型函数的constructor属性不再执行构造函数

/**
 * 关于函数原型对象的一点高级知识
 * 字面量方式创建实例的原型对象导致 原型对象的constructor不再指向构造函数。
 */

function Person() {
    this.password = null;
}
Person.prototype.username = '托马斯曼';
Person.prototype.password = '1234567';
Person.prototype.hometown = '湖北武汉';

var person = new Person();
console.log(Person.prototype.constructor === Person);  //true

//采用字面量方式重写原型导致原型的constructor指向了Object。
Person.prototype = {
    username: '托马斯曼',
    password: '123456',
    hometown: '湖北武汉'
}
console.log(Person.prototype.constructor === Person);  //false

//怎样解决这个问题?显示指定原型函数constructor的指向问题
//采用字面量方式重写原型导致原型的constructor指向了Object。
Person.prototype = {
    constructor: Person,
    username: '托马斯曼',
    password: '123456',
    hometown: '湖北武汉'
}
console.log(Person.prototype.constructor === Person);  //false

猜你喜欢

转载自blog.csdn.net/qq_23143555/article/details/81169372