JavaScript_javascript スキルで継承されるメソッドとプロパティの例のリファレンス

プロトタイプ属性の役割:
プロトタイプ属性を使用して、オブジェクトのクラスの基本機能のセットを提供します。オブジェクトの新しいインスタンスは、オブジェクトのプロトタイプに割り当てられた操作を「継承」します。

プロトタイプ属性の機能:
すべての JavaScript 内部オブジェクトには、読み取り専用のプロトタイプ属性があります。内部オブジェクトのプロトタイプに機能を追加できますが、オブジェクトに別のプロトタイプを与えることはできません。
ただし、ユーザー定義オブジェクトを新しいプロトタイプに割り当てることはできます。

コンストラクター属性の役割:
コンストラクターは、オブジェクトを作成する関数を表します。

コンストラクター プロパティの機能:
コンストラクター プロパティは、プロトタイプを持つすべてのオブジェクトのメンバーです。これらには、Global オブジェクトと Math オブジェクトを除くすべての JavaScript 内部オブジェクトが含まれます。
constructor 属性は、特定のオブジェクト インスタンスを構築する関数への参照を保持します。

A プロトタイプを使用してオブジェクトの属性を追加する [方法 1]
例:

コードをコピーコードは次のとおりです:

>

B プロトタイプを使用してオブジェクトの属性を追加する [方法 2]

例:

コードをコピーコードは次のとおりです。

//メソッド 2

var superObj = { name:"xugang" }; >var subObj = { age:20 };
function extend(superObj,subObj){
//親オブジェクトのプロトタイプ オブジェクトを取得します
subObj.getSuper = superObj.prototype;親オブジェクトのプロパティを子オブジェクトに与えます
for(var i in superObj){
subObj[i] = superObj[i]
}
}
extend(superObj, subObj);
for ( var s in subObj )
{
document.write( s "
" ); // サブオブジェクト
のプロパティを走査します。 🎜>



C はプロトタイプを使用して親クラスのプロトタイプ属性を継承します
例:

コードをコピーします

コードは次のとおりです: <script> </script>function Person(_name){ this.name = _name; }

// オブジェクトを作成します (プロトタイプのプロトタイプ オブジェクトを変更するために使用されます)

function addSex(_sex){
this.sex = _sex;
}
// プロトタイプ オブジェクトを変更します
person.prototype = new addSex('male');
var p = new Person( 'xugang');
alert("p のプロトタイプは次のとおりです。"
//すべての属性を出力します
for(var i in p){
//alert(p[ i])
}

// ========= ======== 継承================ =
//サブオブジェクト Student
関数 Student(_study){
this を作成します.study = _study;
}
// Student にプロトタイプを介して Person を継承させます
Student.prototype = new Person('Andy Lau')
var stu1 = new Student('JS');
alert("stu1 のプロトタイプは次のとおりです: " stu1.constructor);
for(var i in stu1){
alert(stu1[i]);
}
script>


Student オブジェクトのプロトタイプが person オブジェクトに変更され、 Person オブジェクトのプロトタイプが addSex に変更されるため、Student オブジェクトのプロトタイプは addSex になります。
注意: オブジェクトのプロトタイプは、オブジェクトの新規作成時に決定されます。新規オブジェクトの作成後に変更すると、無効になります。

D プロトタイプ オブジェクトとオブジェクトのコンストラクターを設定する方法
例:

コードをコピー

コードは次のとおりです: function B(){ this.name = "Andy Lau" return "メソッド B";

}

function C(){
this.age = 42;
return "C メソッド";
B.prototype = new C() ;
var b = new B();
b.constructor = B; // b のコンストラクターを B 自体に書き換えます
document.write("Constructor of b:"); .write(b .constructor() "
");
document.write("b のプロトタイプ オブジェクトのコンストラクター メソッド: ");
document.write(b.constructor.prototype. constructor() "
");
for ( var m in b )
{
document.write("属性: " m ); : " b[ m] "
");
}



結果は次のとおりです。
b の構築メソッド: B メソッド
b のプロトタイプ オブジェクトの構築メソッド: C メソッド
属性: age 値: 42
属性: name 値: Andy Lau

E オブジェクトにプロトタイプを保存するために使用される __proto__ 変数
例:

コードをコピーします コード

Firefox での結果は次のとおりです。
[object オブジェクト]
Super_person メソッド
Super_person メソッド