JavaScript プロトタイプベースのオブジェクト (作成、呼び出し)_js オブジェクト指向

//JScript の強力な機能は、コンストラクターを定義して、スクリプトで使用するカスタム プロトタイプ ベースのオブジェクトを作成する機能。
//プロトタイプベースのオブジェクトのインスタンスを作成するには、まずコンストラクターを定義する必要があります。
//このプロセスは、新しいオブジェクトを作成し、それを初期化します (プロパティを作成し、初期値を割り当てます)。
//完了すると、コンストラクターは構築されたオブジェクトへの参照を返します。
//コンストラクター内で、作成されたオブジェクトは this ステートメントを通じて参照されます。
function people(name,age)//people オブジェクトを定義します
{
this.mName=name;//ここでの mName は属性を表し、外部で定義する必要はありません。これは、人を示します。 object
this.Age=age;
this.category="Mammal";
this.toString=Exporting;//メソッド、toString() ではなく toString のみを記述できることに注意してください。 this.myMethod =function()// this.myMethod=method と同等 次に、以下のメソッドを記述します。
{
return "Hello";
}
function Exporting()/ / 戻り値があっても構いませんが、関数名の前に戻り値の型 (string、int など) を記述する必要はありません。
{
return "My name is——" this .mName "、私の年齢は —" これです。
}
/*function method()
{
return "Hello"; .prototype.getName=function()//構築中、関数の外にメソッドを記述します。
//関数 people.prototype.getName()
//コンストラクター内のメソッドと同等です。 getName
{
return this .mName;
}
people.prototype.getAge=this.Age;// コンストラクターの外側に属性を書き込みます。
// コンストラクター内のメソッドと同等です: this.getAge
function people.prototype.getMoney()//people.prototype.getMoney=function()
と同等//コンストラクターでの記述と同等: this.getMoney
{
return " 1000";
}
function show()// 人物オブジェクトを呼び出します
{
var me=new people("Andy Lau",22);// 人物オブジェクト、キーワード new をインスタンス化します
//var myName=me.getName();
//alert(myName);
me.sex=" Male";// ここの性別属性は、インスタンス me にのみ使用できます。つまり、一意の属性
//定義 var がある場合、あなた =new people("Xiaoqiang",1);
//このインスタンスでは性別属性を呼び出すことはできません
//必要に応じて両方のインスタンスを参照する必要があります。その場合、性別属性は people.prototype.sex
//alert(me.sex)
//alert(me.category); として記述する必要があります。 alert(me.toString());/ /または、alert(me) を直接書きます
//alert(me.myMethod())
//alert(me.getMoney()); alert(me.myMethod() "n 名前: " me.getName() "n性別: " me.sex "nCategory: " me.category "n総資産: " me.getMoney() "nsummary: " me.toString() );
}


上記の考え方に従って、組み込み JavaScript オブジェクトに他のプロパティまたはメソッドを追加できます。次の例では、
良いメソッドと悪い属性を追加します。組み込みオブジェクトには見つからない文字列オブジェクト。メソッドとプロパティ

var str="good Good Study";// 文字列インスタンスを定義します str
alert(str.good() "n" str.bad);// メソッド Good と属性 Bad を呼び出しますカスタム文字列オブジェクト
}


最後に HTML ボタンに 2 つ追加します。テスト オブジェクト people と文字列オブジェクトに追加されたメソッドと属性




コードをコピー