ホームページ > ウェブフロントエンド > jsチュートリアル > JSでのオブジェクトの作成方法の例を詳しく解説

JSでのオブジェクトの作成方法の例を詳しく解説

怪我咯
リリース: 2017-06-29 10:28:31
オリジナル
1165 人が閲覧しました

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 サイトの他の関連記事を参照してください。

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