Javascript：複数レベルのプロトタイプ階層とは何か、なぜそれを避けるべきか

Question

Google Javascript Coding Guidelinesでは、「これらの階層は、最初に表示されるよりもはるかに難しい」ため、マルチレベルのプロトタイプ階層は使用しないでください。 。実際には私はそれが意味することを得ていませんでした。その使用法を説明し、その悪影響を説明するための良い例をどこで見つけることができますか？

Answer 1

これはプロトタイプチェーン解決の問題のためです。 foo.barのようなものがある場合、barプロパティがfooオブジェクトに直接属しているわけではないので、プロトタイプチェーンfooのbarを検索し始めます。チェーンが長い場合、プロパティの分解能は比較的長い動作になる可能性があります。

Answer 2

これは、2つのレベルの継承の例である：

ここ

// 1. level constructor 
var Dog = function (name) { 
    this.name = name; 
}; 

Dog.prototype.bark = function() { /* ... */ }; 

// 2. level constructor 
var TrainedDog = function (name, level) { 
    Dog.apply(this, arguments); // calling the super constructor 
    this.level = level; 
}; 

// set up two-level inheritance 
TrainedDog.prototype = Object.create(Dog.prototype); 
TrainedDog.prototype.constructor = TrainedDog; 

TrainedDog.prototype.rollOver = function() { /* ... */ }; 

// instances 
var dog1 = new Dog('Rex'); 
var dog2 = new TrainedDog('Rock', 3); 

、dog1がDogプロトタイプからbarkメソッドを継承し、そしてdog2は（Dogプロトタイプから）その方法とからrollOver方法の両方を継承しますTrainedDogプロトタイプ。

Answer 3

私は記事が手動でこれが

に簡素化することができる

var Child = function Child() { ... }; 

Child.prototype = Object.create(Parent.prototype); 
Child.prototype.constructor = Child; 
// for some common value of extend 
extend(Child.prototype, { 
    ... 
}); 

しなければならないでしょうgoog.inheritsまたはutil.inherits

のように、手動でプロトタイプチェーンを設定するが、ライブラリを使用していないを参照していると考えています

var Child = function Child() { ... }; 

goog.inherits(Child, Parent); 
extend(Child.prototype, { 
    ... 
}); 

ここで、goog.inheritsは、レガシーブラウザでObject.createのエミュレーションも処理します。