首页  >  问答  >  正文

javascript - 为什么newtoy.constructor === Gadget在控制台的结果是false?

function Gadget(name,color){
    this.name=name;
    this.color=color;
    this.whatAreYou=function(){
        return 'I am a ' + this.color + ' ' + this.name;
    };
}

Gadget.prototype={
    price:100,
    rating:3,
    getInfo:function(){
        return 'Rating: ' + this.rating + ', price: ' + this.price;
    }
};

var newtoy=new Gadget('webcam','black');
new.rating;//3
newtoy.constructor === Gadget;//true

上述例子摘自《面向对象编程指南》一书

怪我咯怪我咯2695 天前878

全部回复(2)我来回复

  • 欧阳克

    欧阳克2017-06-26 10:59:07

    如果代码没写错的话,那么就是false,因为你已经把Gadget的原型对象给重写了,而你重写的原型对象中没有constructor属性,可以参考一下《JavaScript高级程序设计》中第六章关于原型的介绍

    回复
    0
  • typecho

    typecho2017-06-26 10:59:07

    楼上正解,Gadget.prototype 被重写了。因为原型对象中有个隐式的constructor,指向了构造函数本身。如下:

    原型拓展,最好写成这种形式:

    Test.prototype.newFn = function() {
        ...
    }

    或者使用Object.assign()合并对象:

    Test.prototype = Object.assign(Test.prototype, {
        newAttr: '',
        newFn: function() {
            ...
        }
    })

    回复
    0
  • 取消回复