このJavaScriptスニペットでコロンは何を意味しますか（オブジェクトリテラルではありません）？

Question

重複した質問を投稿することについてお詫び申し上げます（私は知っていますが、同様のタイトルの質問がここにたくさんあります）。要するに

、コロンはここで何をするのか：

<script> 
    'use strict'; 
    foo: 1; 

    //whatever else 
</script> 

を私は構文エラーになるこのはずが、そうではありません。 break foo;がUncaught SyntaxError: Undefined label 'foo'を投げるので、それはラベルではないと私は思う。（ただし、a doc pageはこれを正確に示唆しているが、それはラベルだ）。

私は結腸のこのような使用について聞いたことがないので、これはJavaScript構文に最近追加されたものです。

---

誰もが疑問に思うなら、なぜ私はこれを聞いてるのよ、これは私の説明である：私はan MDN doc pageを読んでいたとの例があります：

var func =() => { foo: 1 };    
// Calling func() returns undefined! 

それは示し、この場合、中括弧ことブロック区切り文字として扱われ、オブジェクトリテラルではありません。だから私は、何とかfoo: 1は構文上合法でなければならないと考えています。本当にそうです。

JavaScriptでコロンを使用するたびにカバーすると思われるa questionがありますが、これについては言及していませんし、回答もありません。

Answer 1

あなたがリンクしているページをさらに読むと、そのように書かれた理由がわかります。

var func =() => { foo: 1 }; 

これは、矢印機能からオブジェクトを戻そうとする試みです。理由のために動作しません

は、ここで説明：

This is because the code inside braces ({}) is parsed as a sequence of statements (i.e. foo is treated like a label, not a key in an object literal). (source)

ので、戻り値は括弧で包まれる必要がある：

var func =() => ({foo: 1}); 

---

は実際にあなたの質問に答えるために：

を

ラベルです。

foo: 1のような文脈から外すことはできません。