带 map 的 Javascript 箭头函数

Question

我想深入了解为什么会这样[0, 1, 2].map(i => i + 1)但这不[0, 1, 2].map(i => {i + 1})

我在处理 jQuery 脚本时遇到了这个问题。我尝试使用带有箭头函数的 map 从复选框中提取 $(this).data('id') 并且我们得到了一个未定义的数组。大约一个小时后，幸运的是我们复制粘贴了一些堆栈代码并注意到唯一的区别是 function() {} 所以现在我想知道为什么？使用箭头函数不好吗？它不兼容吗？

郑重声明，我使用的是 Google Chrome 66 版

Answer 1

这是 ES6 箭头函数的语法差异。添加“返回”，您将得到响应 [ 1, 2, 3 ]

[0, 1, 2].map(i => {return i + 1})

引用:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions

谢谢