jsプロトタイプの詳細な紹介-jsチュートリアル-php.cn

jsプロトタイプの詳細な紹介

小云云

リリース： 2018-03-06 13:58:29

オリジナル

1187 人が閲覧しました

JS のプロトタイプオブジェクトとプロトタイプ属性に精通している場合は、後でプロトタイプチェーンと継承を理解するのが非常に簡単になります。

 1  function Person(){ 2 } 3 Person.prototype.name = "jingzi"; 4 Person.prototype.age = 20; 5 Person.prototype.sayName = function(){ 6    alert(this.name); 
 7 }; 8  9 var person1 = new Person();10 person1.sayName();    //"jingzi"

ログイン後にコピー

これは作成されたオブジェクトです。プロトタイプパターンを使用すると、コードは非常に短く、理解するのは難しくありません。プロトタイプのせいで疑問がある場合は、読み続けてください

この見苦しい図は無視してください (.・＿・.)。。これが問題を理解するための鍵です～本文に入りましょう。。。。

各関数が作成されると、その関数のプロトタイプオブジェクトを指す prototye 属性が与えられます。デフォルトでは、各プロトタイプオブジェクトは、プロトタイプ属性が配置されている関数へのポインターを含むコンストラクター属性を取得します。

上に示されているように、Person 関数が作成されると、その関数は Person Prototype プロトタイプオブジェクトを指すプロトタイプ属性を持ち、このプロトタイプオブジェクトにはコンストラクター属性があり、そのポインターは Person を指します。つまり、プロトタイプ属性は person にあります。オブジェクトインスタンスを作成すると、プロトタイプ属性が付けられます (すべての関数が作成時にプロトタイプ属性を持つためです (^o^)/)。このプロトタイプ属性は、コンストラクター person を直接指すのではなく、そのプロトタイプオブジェクトを指します。

ここで、インスタンスオブジェクトがプロトタイプオブジェクトを介してコンストラクターに接続されていることを覚えておく必要があります。