接受解體的對象作爲唯一的參數，以箭頭功能

Question

我有一個函數接受回調與對象調用它：

function login(callback) { 
    /* do login ; */ 
    callback({ username: 'u', email: 'e@e.e' }); 
} 

如果我嘗試：

login(obj => { console.log(obj.username); }); 

一切都很好，但如果我嘗試：

login({username, email} => { console.log(username); }); 

我得到 'VM880：2未捕獲的SyntaxError：意外的標記}（...）'

爲什麼這個不行，我怎麼能得到它的工作？

Answer 1

您需要使用括號周圍參數爲它被解析你所期望的方式。你只能離開過括號爲箭頭的功能，如果你對=>，沒有別的左側一個標識符：

login(({username, email}) => { console.log(username); }); 

https://tc39.github.io/ecma262/2016/#prod-ArrowParameters

Answer 2

的問題是非常相似的starting a statement with a curly brace情況。

的開口大括號標誌着一個碼塊的開始。但解構對象模式{username, email}不是代碼塊。破壞模式周圍的括號強制它被評估爲一個表達式。正如Paulpro已經提到的，解決的辦法是把括號內的對象模式{username, email}各地：

login(({username, email}) => { console.log(username); });

也請參閱pitfalls of destructuring