为什么通过Cat构造函数创建的bambi对象的constructor指向Animal？

原因说明 #

• JavaScript 中每个构造函数的默认prototype对象都会自带一个constructor属性，指向构造函数本身，默认状态下Cat.prototype.constructor === Cat是成立的。
• 你执行Cat.prototype = Object.create(Animal.prototype)时，直接把Cat原本的默认prototype对象替换成了一个以Animal.prototype为原型的全新空对象，这个新对象本身没有constructor属性。
• 访问bambi.constructor时会沿着原型链向上查找：
  1. bambi实例自身没有constructor属性
  2. 向上查找bambi.__proto__（也就是你替换后的Cat.prototype），依然没有constructor属性
  3. 继续向上查找到Animal.prototype，这个对象自带的constructor指向Animal构造函数，所以最终输出的就是Animal

修复方案 #

替换原型后手动修正constructor指向即可：

Cat.prototype = Object.create(Animal.prototype);
// 新增下面这行，手动将constructor指回Cat
Cat.prototype.constructor = Cat;

Cat.prototype.meow = function(){
    log("Meow!");
}

修改后再打印bambi.constructor就会正确返回Cat构造函数。

内容的提问来源于stack exchange，提问作者saiteja reddy