JavaScript構造函數和原型問題

Question

我有以下代碼，我感到困惑，為什么當我定義屬性“ name”的原型時，它顯示為“ 40”而不是“ fred”？ javascript內部發生了什么？ 這似乎是一個簡單的問題，但我對此感到困惑。 謝謝！

function Product(id){
    this.id = id
    this.name = id + 20
}

Product.prototype.name = 'fred';
var p = new Product(20);
console.log(p.name);

Answer 1

因為您做了this.name = id + 20 。

p.name將首先在實例中找到name屬性，如果找不到，請嘗試在原型中查找。

function Product(id){
    this.id = id
}

Product.prototype.name = 'fred';
var p = new Product(20);
console.log(p.name); // then it will be fred