JavaScriptのプロトタイプ

Question

を共有し、私はJavaScriptでプロトタイプを使用する方法を学びたい、私はそのプロトタイプを学ぶには多くのオブジェクト

var car = function(color, speed) { 
    this.color = color; 
    this.speed = speed; 
} 
car.prototype.doors = 4; 
var honda = new car('black', 'beep'); 
var kea = new car('black', 'meep'); 
document.write(kea.doors+' '+ honda.doors); 
honda.doors = 2; 
document.write('<br/>'); 
document.write(kea.doors+' '+ honda.doors); 
car.prototype.doors = 4; 
document.write('<br/>'); 
document.write(kea.doors+' '+ honda.doors); 

間の機能を共有するたとえば私を助けることができる私はここのビデオを見ました：Here

男は、もし私がプロトタイプの値を更新すると、変数はすべてのオブジェクトで変更されますが、私の例では値を変更しても変更されていないと言いました。 私が間違っている場合は私を修正してください。

Answer 1

JavaScriptオブジェクトは参照型ですが、Numbersなどのプリミティブは参照型ではありません。あなたはコピーを使用します。 honda.doorsの値を変更すると、他の場所では変更されません。これを解決するには、car.prototype.doors = {doors: 4};

Answer 2

のようにcar.prototype.doorsをオブジェクトとして配置できます。これらは、このプロパティが明示的に変更されていないオブジェクトに対してのみ変更されます。私は5つのドアを設定する最後のステップであなたのコードを変更：そこに

car.prototype.doors = 5; 

https://jsfiddle.net/g1hrujL0/ あなたは私たちがきたがために、そのプロトタイプから値を継承ケアオブジェクトの扉の変化の数を見ることができますホンダオブジェクトのこのプロパティを明示的に変更した場合、その値は変更されません。

Answer 3

あなたはこのようなオブジェクトを作成しました。 chrome dev toolsを開くと確認できます。あなたがhonda.doorsを探したとき、それが答えを@Benする4.

car:{ 
    color: "black", 
    doors: 2, 
    speed:"beep", 
    __proto__: { 
     constructor: function(color, speed), 
     doors:4, 
     __proto__: {} 
    } 
} 

Answer 4

さらに追加を見つける前に、それが2を見つけるこれは（彼らは、このプロパティが明示的に変更されていないオブジェクトに対してのみ変更されます） deleteと同じです。また、現在のオブジェクトプロパティ（delete honda.doors;）を削除して参照すると、プロトタイププロパティValueが取得されます。プロトタイプは、現在のオブジェクトが他のそのプロパティを持っていないとき、それは常に、コードのこの部分

var car = function(color, speed) { 
 
    this.color = color; 
 
    this.speed = speed; 
 
} 
 
car.prototype.doors = 4; 
 
var honda = new car('black', 'beep'); 
 
var kea = new car('black', 'meep'); 
 
console.log(kea.doors+' '+ honda.doors); 
 
honda.doors = 2; 
 
console.log('<br/>'); 
 
console.log(kea.doors+' '+ honda.doors); 
 
car.prototype.doors = 4; 
 
delete honda.doors; 
 
console.log('<br/>'); 
 
console.log(kea.doors+' '+ honda.doors);