js_javascript スキルでオブジェクトを作成するいくつかの方法の例

JavaScript では、文字列、配列、数値、関数など、すべてがオブジェクトです。

JS にはクラスの概念はありませんが、JS の文法機能を使用してクラスの概念でオブジェクトを作成できます。

元のメソッド

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

< ;script type ="text/javascript">

var obj = new Object();
obj.name = "Koji" //オブジェクトに属性を追加します
obj.age = 21;
obj.showName = function(){ //オブジェクトにメソッドを追加します
alert(this.name)
}
obj.showAge = function(){
alert(this) .age);

obj.showName(); //コウジ
🎜>
上記のメソッドは new キーワードによってオブジェクトを生成し、動的言語としての JS の特性に応じてプロパティとメソッドを追加して、

オブジェクトを構築します。これはメソッドを呼び出すオブジェクトです。

このアプローチの問題は、オブジェクトを複数回作成する必要がある場合、コードを複数回繰り返す必要があり、コードの再利用に役立たないことです。

ファクトリ メソッド




コードをコピー

コードは次のとおりです: < ;script type ="text/javascript"> function createObj(){

var obj = new Object(); //オブジェクトを作成

obj.name = "Koji" ;
obj.age = 21;
obj.showName = function(){
alert(this.name);
}
obj.showAge = function(){
alert (this.age);

return object
}

var obj1 = createObj();

obj1.showName(); //Koji
obj2.showAge(); //21


このアプローチは改善しますコード 再利用率を向上させるために、ファクトリ メソッドを変更してパラメータ値を渡すこともできます。




コードをコピー

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

上記の方法はコードの再利用率を向上させますが、それは異なります。オブジェクト指向クラスの概念には大きな欠陥があります。 face

オブジェクトは、オブジェクトのプロパティがプライベートである一方、オブジェクトのメソッドは共有されることを強調しています。上記のファクトリ メソッドがオブジェクトを作成するときは、

オブジェクトごとに独自のプライベート メソッドを作成する必要があります。同時に、各オブジェクトに対して論理的に同一のメソッドを作成するとメモリが無駄に消費されます。改善点は次のとおりです




コードをコピー

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





コンストラクターメソッドはファクトリメソッドと同じで、オブジェクトごとに専用の関数オブジェクトを作成します。もちろん、これらの関数

オブジェクトはコンストラクターの外部で定義することもできるため、オブジェクトとメソッドは互いに独立しています。