JavaScript オブジェクトの作成とアクセス_JavaScript スキル

WBOY
リリース: 2016-05-16 15:11:34
オリジナル
1181 人が閲覧しました

JavaScript のオブジェクト指向機能について考えられることはほとんどありません。JavaScript にはクラスがないため、オブジェクト指向言語ではないとさえ言う人もいます。はい、JavaScript には実際にはクラスがありませんが、JavaScript はオブジェクト指向言語です。 JavaScript にはオブジェクトのみがあり、オブジェクトはオブジェクトであって、クラスのインスタンスではありません。
ほとんどのオブジェクト指向言語のオブジェクトはクラスに基づいているため、クラス インスタンスとオブジェクトの概念を混同することがよくあります。オブジェクトはクラスのインスタンスであり、これはほとんどの言語に当てはまりますが、JavaScript には当てはまりません。 JavaScript のオブジェクトはプロトタイプベースです。

の作成とアクセス

JavaScript のオブジェクトは、実際には属性で構成される連想配列であり、値の型は任意のデータ型、または関数やその他のオブジェクトで構成されます。 JavaScript には関数型プログラミングの特性があるため、関数も変数の型であり、ほとんどの場合、一般的なデータ型と区別する必要がないことに注意してください。

JavaScript では、以下を使用して単純なオブジェクトを作成できます。

var foo = {};
foo.prop_1 = 'bar';
foo.prop_2 = false;
foo.prop_3 = function() {
return 'hello world';
}
console.log(foo.prop_3());

ログイン後にコピー

上記のコードでは、var foo = {} を通じてオブジェクトを作成し、その参照を foo に割り当てます。
foo.prop1 を通じてメンバーを取得し、値を割り当てます。ここで、{} はオブジェクト リテラルの表現メソッドです。または、var foo = new Object() を使用して明示的にオブジェクトを作成できます。
1. 連想配列を使用してオブジェクトのメンバーにアクセスします
連想配列パターンを使用してオブジェクトを作成することもできます。上記のコードは次のように変更されます。

var foo = {};
foo['prop1'] = 'bar';
foo['prop2'] = false;
foo['prop3'] = function() {
return 'hello world';
}

ログイン後にコピー
JavaScript では、ピリオド演算子の使用は連想配列参照と同等です。つまり、任意のオブジェクト (

を含む) このポインタ) は両方のモードを使用できます。連想配列を使用する利点は、オブジェクトの属性名がわからない場合に、変数を連想配列のインデックスとして使用できることです。例:

var some_prop = 'prop2';
foo[some_prop] = false;

ログイン後にコピー

2. オブジェクト初期化子を使用してオブジェクトを作成します
上記の方法は、JavaScript オブジェクトの定義を理解するためのものに過ぎません。実際に使用する場合は、次のよりコンパクトで明確な方法を使用します。

var foo = {
  'prop1': 'bar',
  prop2: 'false',
  prop3: function (){
  return 'hello world';
  }
};

ログイン後にコピー
この定義されたメソッドは、オブジェクトのイニシャライザと呼ばれます。イニシャライザを使用する場合、オブジェクトのプロパティ名を引用符で囲むかどうかはオプションです。プロパティ名にスペースやその他の文字が含まれている場合を除き、あいまいさを引き起こす可能性があります。引用符を使用する必要はありません。

以上はJavaScriptでのオブジェクトの作成とアクセスの実装方法です。皆様の学習の参考になれば幸いです。

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