[解決済み] オブジェクトリテラル/イニシャライザーの自己参照
2022-03-20 03:22:05
質問
JavaScriptで以下のようなものを動作させる方法はないでしょうか?
var foo = {
a: 5,
b: 6,
c: this.a + this.b // Doesn't work
};
現在の形では、このコードは明らかに参照エラーを投げています。
this
を参照していない。
foo
. しかし
は
オブジェクト・リテラルのプロパティの値を、先に宣言された他のプロパティに依存させる方法はないのでしょうか?
どのように解決するのですか?
さて、私がお伝えできるのは ゲッター :
var foo = {
a: 5,
b: 6,
get c() {
return this.a + this.b;
}
}
console.log(foo.c) // 11
これは ECMAScript 第 5 版の仕様で導入された構文拡張で、この構文はほとんどのモダンブラウザ (IE9 を含む) でサポートされています。
関連
-
fetch ネットワークリクエストラッパーの説明例
-
[解決済み] Error : 未定義のプロパティ 'map' を読み取ることができません。
-
JSクリックイベント - Uncaught TypeError: プロパティ 'onclick' に null を設定できません。
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] JavaScriptのオブジェクトが空であることをテストするにはどうすればよいですか?
-
[解決済み] JavaScriptのオブジェクトにキーが存在するかどうかをチェックする?
-
[解決済み] JavaScriptのオブジェクトをループスルーまたは列挙するにはどうすればよいですか?
-
[解決済み] JavaScriptのオブジェクトにキーと値のペアを追加するにはどうすればよいですか?
-
[解決済み】未定義のオブジェクトプロパティを検出する
-
[解決済み】JavaScriptのオブジェクトの長さ
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Vueでルートネスティングを実装する例
-
[解決済み】「X-Frame-Options」を「SAMEORIGIN」に設定したため、フレームでの表示を拒否された。
-
[解決済み】ERROR エラーです。スイッチのname属性が指定されていないフォームコントロールの値アクセッサがない
-
[解決済み】TypeScript-のAngular Frameworkエラー - "exportAsがngFormに設定されたディレクティブはありません"
-
[解決済み】 `string.split is not a function` というエラーの原因は何ですか?
-
[解決済み】 env: node: macにそのようなファイルやディレクトリはありません
-
[解決済み】(Google Map API) Geocodeは以下の理由で成功しませんでした。REQUEST_DENIED
-
JavaScriptのStringに関する共通メソッド
-
フロントエンド非同期(アシンク)ソリューション(全ソリューション)
-
[解決済み】JavaScriptのオブジェクトは、どのようにそれ自体の値を参照することができますか?[重複している]。