JavaScriptでカスタムオブジェクトを構築する例を詳しく解説

伊谢尔伦
リリース: 2017-07-27 10:26:27
オリジナル
1141 人が閲覧しました

高度なオブジェクト構築を作成するには 2 つの方法があります。「this」キーワード構築を使用する方法と、プロトタイプ プロトタイプ構築を使用する方法です。例:

//使用this关键字定义构造的上下文属性 
function Girl() 
{ 
this.name = "big pig"; 
this.age = 20; 
this.standing; 
this.bust; 
this.waist; 
this.hip; 
} 
//使用prototype 
function Girl(){} 
Girl.prototype.name = "big pig"; 
Girl.prototype.age = 20; 
Girl.prototype.standing; 
Girl.prototype.bust; 
Girl.prototype.waist; 
Girl.prototype.hip; 
alert(new Girl().name);
ログイン後にコピー

上記の例の 2 つの定義は、どちらも「Girl」オブジェクトの属性情報を定義します。 「this」と「prototype」の違いは主に属性アクセスの順序にあります。例:

function Test() 
{ 
this.text = function() 
{ 
alert("defined by this"); 
} 
} 
Test.prototype.test = function() 
{ 
alert("defined by prototype"); 
} 
var _o = new Test(); 
_o.test();//输出“defined by this”
ログイン後にコピー

オブジェクトのプロパティまたはメソッドにアクセスするときは、プロトタイプ チェーンを検索するためのルールに従います。最初に独自の静的プロパティとメソッドを探し、次に構築コンテキストのアクセス可能なプロパティとメソッドを探し、最後に構築のプロトタイプ チェーンを探します。

「これ」と「プロトタイプ」の定義のもう 1 つの違いは、属性が異なる空間を占めることです。この例では、「this」キーワードを使用して、各インスタンスのコンストラクターに含まれるすべてのプロパティとメソッドに必要なスペースを初期化し、「prototype」定義を使用します。これは、「prototype」は実際には親への参照であるためです。データのコピーなので、「これ」よりも初期化と保存のリソースが節約されます。

以上がJavaScriptでカスタムオブジェクトを構築する例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!