Question

我在阅读原型时遇到了这个例子。

function Animal(){
    this.name = 'Animal'
}

var animal1 = new Animal();

function Rabbit(){
    this.canEat = true;
}

Rabbit.prototype = new Animal();

var r = new Rabbit();

console.log(r.constructor)

并且控制台给了我Animal作为r.constructor的输出，这有点令人困惑，因为构造函数属性应该返回Rabbit，因为r是通过使用new运算符调用Rabbit创建的。

另外，如果我在分配原型之前调用Rabbit函数，它会给我所需的结果。

Answer 1

对象从其原型（通常）继承constructor;他们从构造函数的prototype属性中获取原型，这些属性在创建它们时创建它们（如果它们由构造函数创建）。 Rabbit.prototype＆＃39; s constructor不正确，因为：

Rabbit.prototype = new Animal();

调用Animal来创建新实例，并将该实例指定为Rabbit.prototype。因此，从constructor继承的Animal.prototype是Animal。您已替换以前在Rabbit.prototype（constructor设置为Rabbit）的默认对象。

通常，Rabbit.prototype = new Animal()不是设置继承的最佳方式。相反，你这样做：

Rabbit.prototype = Object.create(Animal.prototype);
Rabbit.prototype.constructor = Rabbit;

然后在Rabbit：

function Rabbit() {
    Animal.call(this);    // ***
    this.name = "Rabbit"; // Presumably we want to change Animal's deafult
    this.canEat = true;
}

那里有三处变化：

在设置继承时，我们不会调用Animal，我们只是创建一个使用Animal.prototype作为原型的新对象，并将其放在Rabbit.prototype上。
我们已将constructor设置为我们已分配给Rabbit.prototype的新对象。
我们执行在初始化实例时调用Animal（在Rabbit中）。

直播示例：

＆＃13;

function Animal(){
    this.name = 'Animal'
}

var animal1 = new Animal();

function Rabbit() {
    Animal.call(this);    // ***
    this.name = "Rabbit"; // Presumably we want to change Animal's deafult
    this.canEat = true;
}

Rabbit.prototype = Object.create(Animal.prototype);
Rabbit.prototype.constructor = Rabbit;


var r = new Rabbit();
console.log(r.constructor);

＆＃13;

或者，当然，使用ES2015 + class语法，为您处理此管道（以及其他一些好处）。

＆＃13;

class Animal {
    constructor() {
        this.name = "Animal";
    }
}

class Rabbit extends Animal {
    constructor() {
        super();
        this.name = "Rabbit";
        this.canEat = true;
    }
}

const r = new Rabbit();
console.log(r.constructor);

＆＃13;

对象的构造函数属性

1 个答案: