ホームページ ウェブフロントエンド jsチュートリアル 同じ JavaScript オブジェクト内のプロパティを安全に参照するにはどうすればよいですか?

同じ JavaScript オブジェクト内のプロパティを安全に参照するにはどうすればよいですか?

Oct 19, 2024 pm 12:56 PM

How to Safely Reference Properties Within the Same JavaScript Object?

同じオブジェクト内のプロパティを参照する方法

JavaScript では、オブジェクトはそのプロパティへの参照を保存することで独自の値を参照できます。 。ただし、ドットまたは括弧表記を使用して同じオブジェクト内のプロパティにアクセスすると、未定義のエラーが発生する場合があります。

次のコードを検討してください。

var obj = {
  key1: "it ",
  key2: key1 + " works!"
};

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

このコードでは、「key1 がありません」というエラーが発生します。定義されています」エラー。これは、key2 を参照する時点では、key1 プロパティがまだ定義されていないためです。

解決策:

この問題を回避するには、 function.

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

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

この改訂されたコードでは、key2 がオブジェクト内の関数として宣言されています。 key2 関数が呼び出されると、this キーワードを使用して同じオブジェクト内の key1 プロパティにアクセスします。このアプローチにより、プロパティが異なる順序で定義されている場合でも、同じオブジェクト内のプロパティを参照できます。

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

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

JavaScriptの文字列文字を交換します JavaScriptの文字列文字を交換します Mar 11, 2025 am 12:07 AM

JavaScriptの文字列文字を交換します

jQuery日付が有効かどうかを確認します jQuery日付が有効かどうかを確認します Mar 01, 2025 am 08:51 AM

jQuery日付が有効かどうかを確認します

jQueryは要素のパディング/マージンを取得します jQueryは要素のパディング/マージンを取得します Mar 01, 2025 am 08:53 AM

jQueryは要素のパディング/マージンを取得します

10 jQuery Accordionsタブ 10 jQuery Accordionsタブ Mar 01, 2025 am 01:34 AM

10 jQuery Accordionsタブ

10 jqueryプラグインをチェックする価値があります 10 jqueryプラグインをチェックする価値があります Mar 01, 2025 am 01:29 AM

10 jqueryプラグインをチェックする価値があります

ノードとHTTPコンソールを使用したHTTPデバッグ ノードとHTTPコンソールを使用したHTTPデバッグ Mar 01, 2025 am 01:37 AM

ノードとHTTPコンソールを使用したHTTPデバッグ

jQueryはscrollbarをdivに追加します jQueryはscrollbarをdivに追加します Mar 01, 2025 am 01:30 AM

jQueryはscrollbarをdivに追加します

カスタムGoogle検索APIセットアップチュートリアル カスタムGoogle検索APIセットアップチュートリアル Mar 04, 2025 am 01:06 AM

カスタムGoogle検索APIセットアップチュートリアル

See all articles