JavaScript アクセス オブジェクトのプロパティとメソッド、およびそれらの違いの簡単な分析_JavaScript スキル
属性は、色、サイズ、重量などのオブジェクトの特性を表すために使用される変数であり、メソッドは、走る、呼吸する、ジャンプするなどのオブジェクトの動作を表すために使用される関数です。
JavaScript では、通常、オブジェクトのプロパティの値にアクセスするために「.」演算子が使用されます。または、[] を連想配列として使用して、オブジェクトのプロパティにアクセスします。
オブジェクトのプロパティとメソッドは、総称してオブジェクトのメンバーと呼ばれます。
オブジェクトのプロパティへのアクセス
JavaScript では、「.」と「[]」を使用してオブジェクトのプロパティにアクセスできます。
1. オブジェクトのプロパティにアクセスするには「.」を使用します
構文:
オブジェクト名.プロパティ名
このうち、objectName はオブジェクト名、propertyName はプロパティ名です。
2. 「[ ]」を使用してオブジェクトのプロパティにアクセスします
構文:
オブジェクト名[プロパティ名]
このうち、objectName はオブジェクト名、propertyName はプロパティ名です。
オブジェクトにアクセスするメソッド
JavaScript では、オブジェクトのメソッドにアクセスするために「.」のみを使用できます。
構文:
オブジェクト名.メソッド名()
このうち、objectNameはオブジェクト名、methodName()は関数名です。
[例 5-1] Person クラスを作成します:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
|
PS: オブジェクト アクセス プロパティの "." メソッドと "[]" メソッドの違いの簡単な分析
JavaScript では、通常、オブジェクトのプロパティの値にアクセスするために「.」演算子が使用されます。または、[] を連想配列として使用して、オブジェクトのプロパティにアクセスします。しかし、これら 2 つの方法の違いは何でしょうか?
たとえば、オブジェクトのプロパティ属性値を読み取ります:
オブジェクト.プロパティ
オブジェクト['プロパティ']
上記の 2 つの方法はどちらも属性アクセスを実現できます。
1. 文法の違い
ドット表記のオブジェクトの属性名は識別子ですが、後者の属性名は文字列です。
2. 柔軟性の違い
JavaScript プログラミングでは、オブジェクトに対して任意の数のプロパティを作成できます。ただし、「.」演算子を使用してオブジェクトのプロパティにアクセスする場合、プロパティ名は識別子で表されます。 JavaScript プログラムでは、識別子はデータ型ではないため、文字通りに入力する必要があるため、プログラムは識別子を操作できません。つまり、識別子は静的であり、プログラム内でハードコーディングする必要があります。
array[] 表記を使用してオブジェクトの属性にアクセスする場合、属性名は文字列で表されます。文字列は JavaScript データ型であるため、プログラムの実行中に操作および作成できます。
3. パフォーマンスの違い
Array[] 表記は、属性値にアクセスするときに式操作を実行します。ドット表現は属性値に直接アクセスするため、理論的には配列表現よりも実行効率が高くなります。パフォーマンスは実際には無視できます。
一部のシナリオでは、属性値に動的にアクセスするために配列表現を使用する必要がありますが、これはドット表現では実現できません。
一般に、これら 2 つの方法には大きな違いはなく、どちらにも対応する使用シナリオがあります。ドット表記は通常、プロパティにアクセスするための静的オブジェクトとして使用されます。配列表現は、属性に動的にアクセスする場合に非常に便利です。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











JavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します:内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換()メソッドを使用することです。 str = str.replace( "find"、 "置換"); この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace(/fi

このチュートリアルでは、カスタムGoogle検索APIをブログまたはWebサイトに統合する方法を示し、標準のWordPressテーマ検索関数よりも洗練された検索エクスペリエンスを提供します。 驚くほど簡単です!検索をyに制限することができます

それで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか? Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました

この記事シリーズは、2017年半ばに最新の情報と新鮮な例で書き直されました。 このJSONの例では、JSON形式を使用してファイルに単純な値を保存する方法について説明します。 キー価値ペア表記を使用して、あらゆる種類を保存できます

楽なWebページレイアウトのためにjQueryを活用する:8本質的なプラグイン jQueryは、Webページのレイアウトを大幅に簡素化します。 この記事では、プロセスを合理化する8つの強力なjQueryプラグイン、特に手動のウェブサイトの作成に役立ちます

コアポイント これは通常、メソッドを「所有」するオブジェクトを指しますが、関数がどのように呼び出されるかに依存します。 現在のオブジェクトがない場合、これはグローバルオブジェクトを指します。 Webブラウザでは、ウィンドウで表されます。 関数を呼び出すと、これはグローバルオブジェクトを維持しますが、オブジェクトコンストラクターまたはそのメソッドを呼び出すとき、これはオブジェクトのインスタンスを指します。 call()、apply()、bind()などのメソッドを使用して、このコンテキストを変更できます。これらのメソッドは、与えられたこの値とパラメーターを使用して関数を呼び出します。 JavaScriptは優れたプログラミング言語です。数年前、この文はそうでした

jQueryは素晴らしいJavaScriptフレームワークです。ただし、他のライブラリと同様に、何が起こっているのかを発見するためにフードの下に入る必要がある場合があります。おそらく、バグをトレースしているか、jQueryが特定のUIをどのように達成するかに興味があるからです

この投稿は、Android、BlackBerry、およびiPhoneアプリ開発用の有用なチートシート、リファレンスガイド、クイックレシピ、コードスニペットをコンパイルします。 開発者がいないべきではありません! タッチジェスチャーリファレンスガイド(PDF) Desigの貴重なリソース
