关于 ES6 中使用 return 时的分号

Question

我是 JS 新手。如果我添加这样的分号${this.name} is friends with ${el};我会收到一个错误“参数列表后未捕获的语法错误：缺少)”。我可以知道为什么吗？由于在 ES5 中，我可以使用分号，例如 return this.name + ' is friends with ' +el; 非常感谢！

function Person(name) {
    this.name = name;
}

ES6
Person.prototype.myFriends5 = function(friends) {
var arr = friends.map((el) =>
     `${this.name} is friends with ${el}`
);
console.log(arr);
}
var friends = ['Bob', 'Jane', 'Mark'];
new Person('John').myFriends5(friends);

Answer 1

箭头函数有两种写法：

(params) => expression

或

(params) => {
    body
}

其中body 就像传统函数的主体（一系列语句）。

当您使用第一种格式时，您不能有;，因为这在表达式中无效，它用于终止函数体中的语句。这和你不能写的原因是一样的：

console.log(a;)

第一种形式是：

(params) => {
    return expression;
}

关于什么是有效表达式的经验法则是，它可以放在括号内。所以如果你可以写这样的东西：

a = (something)

那么你可以写：

(params) => something

因为你不会写：

a = (`${this.name} is friends with ${el}`;)

你不能写：

(params) => `${this.name} is friends with ${el}`;