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

JavaScript には 3 種類のオブジェクトがあります
1. 内部オブジェクト
: Array、Boolean、Data、Math、Number、Object、RegExp、String オブジェクトなど。
これらのオブジェクトシステムはそれぞれのプロパティを提供し、呼び出しに使用できるメソッドを提供します。
2. クラスベースのオブジェクト
は、オブジェクト参照を実装するためにクラスを使用します。
3. プロトタイプベースのオブジェクト
JavaScript のプロトタイプベースのオブジェクトの使用方法に関する情報を提供します。モデル ガイドを提供し、カスタム コンストラクターとプロトタイプ ベースのオブジェクトの継承について説明する特定の情報へのリンクを提供します。

JSコードを書く際には必然的に内部オブジェクトが参照されますが、これらのオブジェクトだけでは不十分なので、この時に通常使用されるオブジェクトは3番目のタイプです。つまり、プロトタイプに基づくオブジェクトです。次に、独自のオブジェクトの作成方法、オブジェクトのメソッドとプロパティの定義方法、およびオブジェクトの呼び出し方法について詳しく説明します。

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

//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 オブジェクトに他のプロパティまたはメソッドを追加できます。次の例では、
良いメソッドと悪い属性を追加します。組み込みオブジェクトには見つからない文字列オブジェクト。メソッドとプロパティ

コードをコピー

コードは次のとおりです。 🎜> String.prototype.good=function() //カスタム メソッド { return "組み込み String オブジェクトへの適切なメソッドの追加が成功しました"; String.prototype.bad="組み込み String オブジェクトへの不正な属性の追加に成功しました。";//カスタム属性function test()//String オブジェクトに追加された属性とメソッドを呼び出します

{

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


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




コードをコピー

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