ES6箭頭功能

Question

我會在瀏覽器

let foo =() => ({ bar: 2 }) 

測試該卻不小心輸入

let foo =() => { bar: 2} 

爲什麼不拋出一個錯誤？

Answer 1

在第二種情況下，bar是標籤。參見：https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/label

「2」本身就是一個有效的陳述。

Answer 2

Τhis是基本語法：

() => { statements } 

和先進的：

// Parenthesize the body of function to return an object literal expression: 
params => ({foo: bar}) 

MDN Arrow functions

Answer 3

兩個語法是正確的，但他們沒有定義相同功能。

function foo1() { 
    return {bar: 2}; 
} 

function foo2() { 
    bar: 2; 
} 

Answer 4

取決於什麼酒吧。如果它的標籤，那將是對象的關鍵。 但是，如果它是一個變量，該語法將無法正常工作。

爲好奇的心態一些其他的語法如下所示： -

let foo =() => ({ bar: 2}); //works. object is returned 
//let foo =() => ({ 'bar': 2}); //works. object is returned 

//let foo =() => { let bar = 2; return bar; }; //works 
//let foo = (() => { let bar = 2; return bar; }); //works 
//let foo = (() => { let bar = 2; return bar}); //works 

//let foo =() => ({ let bar = 2; return bar; }); //WONT work 
//let foo = (p1=3) => p1 ; //works 
let foo =() => 1; //works 

console.log(foo());