隐式返回是指在箭头函数(arrow function)中,当函数主体只包含一个表达式时,可以省略大括号 {}
和 return
关键字,该表达式的值会被自动返回。
return
关键字:箭头函数会直接返回表达式的值。{}
并显式地写 return
。javascriptconst multiply = (a, b) => a * b;
console.log(multiply(2, 3)); // 输出 6
a * b
是单一表达式,箭头函数会自动返回其值。javascriptconst multiply = (a, b) => {
return a * b;
};
console.log(multiply(2, 3)); // 输出 6
{}
时,必须显式写 return
,否则函数不会返回任何值。find
和隐式返回:javascriptconst users = [{ id: 1 }, { id: 2 }];
const targetId = 2;
const user = users.find(user => user.id === targetId);
console.log(user); // { id: 2 }
find
和显式返回:javascriptconst user = users.find(user => {
return user.id === targetId;
});
console.log(user); // { id: 2 }
{}
, 必须用括号包裹对象以避免语法错误:javascriptconst createObject = () => ({ key: "value" });
console.log(createObject()); // { key: "value" }
本文作者:空白格
本文链接:
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!