ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript オブジェクト内の内部値を参照するにはどうすればよいですか?

JavaScript オブジェクト内の内部値を参照するにはどうすればよいですか?

DDD
リリース: 2024-10-19 12:54:02
オリジナル
382 人が閲覧しました

How Can I Reference Internal Values within a JavaScript Object?

JavaScript オブジェクト内の内部値を参照する方法

JavaScript で、同じオブジェクト内の他の値を参照するオブジェクト内の値にアクセスする時には挑戦的なこともあります。次のコード スニペットを考えてみましょう:

<code class="js">var obj = {
  key1: "it ",
  key2: key1 + " works!"
};

alert(obj.key2);</code>
ログイン後にコピー

このコードでは、「key1 が定義されていません」というメッセージが表示されてエラーが発生します。この問題を解決するには、特別なキーワード this を使用できます。ただし、オブジェクト内の this.key1 または this[key1] にアクセスしようとすると、引き続きエラーが発生します。

関数を使用して内部値を参照

を使用する代わりに、プロパティに直接アクセスすると、オブジェクト内で目的の値を返す関数を定義できます。例:

<code class="js">var obj = {
  key1: "it ",
  key2: function() {
    return this.key1 + " works!";
  }
};

alert(obj.key2());</code>
ログイン後にコピー

key2 を関数として定義すると、オブジェクト内の this キーワードにアクセスできるようになり、key1 を参照できるようになります。これで、alert() 関数は正しい出力「動作します!」を表示するようになります。

以上がJavaScript オブジェクト内の内部値を参照するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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