[解決済み] ECMAScript 6 オブジェクトを返す矢印関数
2022-03-19 13:16:42
質問
アロー関数からオブジェクトを返す際に、余計に
{}
と
return
キーワードは、文法上の曖昧さが原因です。
ということは
p => {foo: "bar"}
と書かなければならないが
p => { return {foo: "bar"}; }
.
矢印関数がオブジェクト以外を返した場合は
{}
と
return
は不要です、例.
p => "foo"
.
p => {foo: "bar"}
リターン
undefined
.
修正された
p => {"foo": "bar"}
投げる
"
SyntaxError
: 予期しないトークン: '
:
'"
.
何か明らかな見落としがあるのでしょうか?
解決方法は?
返されるオブジェクト・リテラルを括弧でくくる必要があります。そうしないと、中括弧が関数本体を示しているとみなされます。以下のようにすればうまくいきます。
p => ({ foo: 'bar' });
他の式は括弧でくくる必要はありません。
p => 10;
p => 'foo';
p => true;
p => [1,2,3];
p => null;
p => /^foo$/;
といった具合です。
関連
-
Vueの要素ツリーコントロールに破線を追加する説明
-
JSクリックイベント - Uncaught TypeError: プロパティ 'onclick' に null を設定できません。
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] JavaScriptのオブジェクトが空であることをテストするにはどうすればよいですか?
-
[解決済み] JavaScriptのオブジェクトにキーが存在するかどうかをチェックする?
-
[解決済み] オブジェクトが配列であるかどうかを確認するにはどうすればよいですか?[重複]。
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み】未定義のオブジェクトプロパティを検出する
-
[解決済み】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 実装 サイバーパンク風ボタン
おすすめ
-
vue3レスポンシブ対応のためのsetup+ref+reactive
-
jsを使った簡単な照明スイッチのコード
-
Vueにシンプルなメモ帳機能を実装
-
vueのプロジェクトでモックを使用する方法を知っていますか?
-
[解決済み] 配列の結合時に未定義のプロパティ 'push' を読み込むことができない
-
[解決済み】リソースの読み込みに失敗した:Bind関数でサーバーが500(Internal Server Error)のステータスで応答した【非公開
-
[解決済み】React Nativeアプリをターミナルから実行するとエラーが発生する(iOS)
-
[解決済み】gulp anythingを実行するたびに、アサーションエラーが発生します。- タスク関数を指定する必要があります
-
[解決済み】JavaScript TypeError: null のプロパティ 'style' を読み取ることができない
-
[解決済み】ExpressJS - throw er Unhandled errorイベント