ホームページ > 記事 > ウェブフロントエンド > JSでのオブジェクトの作成方法の例を詳しく解説
js オブジェクトは、一般的な オブジェクト指向 プログラミング言語とは異なります。 js のオブジェクトは基本的なプロトタイプです。 js でのオブジェクトのさまざまな作成方法を紹介します。興味のある方は一緒に学んでください。JavaScript のオブジェクトは、一般的なオブジェクト指向プログラミング言語 (C++、Java など) とは異なります。 )、クラスを持たないためオブジェクト指向プログラミング言語であると言う人さえほとんどいません。 JavaScript にはオブジェクトのみがあり、クラスのインスタンスはありません。 JavaScript のオブジェクトはプロトタイプに基づいています。
1.1 ピリオド演算子の作成
JavaScript のオブジェクトは、実際には属性で構成される連想配列です。属性は、任意の データ型
var foo = {}; foo.prop_1 = 'bar'; foo.prop_2 = false; foo.prop_3 = function() { return 'hello world'; } console.log(foo.prop_3());参照によって foo に代入します。{} はオブジェクト リテラルの表現方法です。var foo={} は、var foo = new Object( )。
1.2 連想配列 を使用してオブジェクト
を作成します。
var foo = {}; foo['prop_1'] = 'bar'; foo['prop_2'] = false; foo['prop_3'] = function() { return 'hello world'; }JavaScriptにおけるピリオド演算子の使用と連想配列の参照は同等です。連想配列を使用する利点は、オブジェクトの属性名がわからない場合に、変数を連想配列のインデックスとして使用できることです。例:
var some_prop = 'prop_2'; foo[some_prop] = false;1.3 オブジェクト初期化子を使用してオブジェクトを作成する
一般的に、オブジェクトを使用する場合は、次の方法を使用してオブジェクトを作成します:var foo = {
prop1:'bar',
prop2:false,
prop3:function(){
return 'hello world';
}
};
この定義方法は、オブジェクト初期化子と呼ばれます
1.4 constructor
を通じてオブジェクトを作成します。
以前に作成したオブジェクトはすべて一度限りのものです。複数の計画オブジェクトを作成する場合は、いくつかの固定プロパティ、メソッドがあり、初期化できます。コンストラクターを通じて複雑なオブジェクトを作成できます: function User(name,uri){
this.name = name;
this.uri = uri;
this.display = function() {
console.log(this.name);
}
}
次に、新しいステートメントを使用してオブジェクトを作成できます。
var someuser = new User('byvoid','http://www.byvoid.com');すると、someuser を通じてこのオブジェクトの
プロパティとメソッド にアクセスできるようになります。
以上がJSでのオブジェクトの作成方法の例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。