ecmascript-6 - 接受一个解构对象作为箭头函数的唯一参数

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 Uncaught SyntaxError: Unexpected token }(…)”

为什么这不起作用，我怎样才能让它起作用？

Answer 1

您需要在参数周围使用括号，以便按照您期望的方式对其进行解析。如果您在 => 的左侧只有一个标识符并且没有其他任何东西，则只能省略箭头函数的括号:

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

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