Web开发编程网
分享Web开发相关技术

JavaScript中箭头函数的return规则

JavaScript中的箭头函数返回规则

有两种方法可以在箭头函数中返回值:

  1. 明确的回报
  2. 隐式回报

1.明确的回报

什么是显式报酬?

函数使用return关键字返回值,称为显式返回。

显式返还规则

您必须在块体内使用显式的return语句。

// Single-line
const explicit = (value) => { return value; }

// Multi-line
const explicit = (value) => {
  return value;
}

2.隐式回报

什么是隐性回报?

一个函数不使用return关键字就返回值,这称为隐式返回。

隐性回报规则

您必须在简洁的正文中使用隐式返回。

// Single-line
const implicit = (value) => value;

// Multi-line
const implicit = (value) => (
  value
);

问题返回对象

使用隐式返回时,对象文字必须用括号括起来,以免花括号被误认为是函数体的打开。

const implicit = () => { value: 1 };
implicit(); // undefined

const implicit = () => ({ value: 1 });
implicit(); // { value: 1 }

父规则

箭头函数只有一个参数时,可以省略括号。

// Arrow Functions, with parentheses
const myFunction = (p) => {}

// Arrow Functions, without parentheses
const myFunction = p => {}

在所有其他情况下(多个参数),必须将参数括在括号中。

// Arrow Function, with parentheses
const myFunction = (p1, p2) => {}

参考文献

感谢您阅读❤

未经允许不得转载:WEB开发编程网 » JavaScript中箭头函数的return规则
微信扫码关注微信公众号

WEB开发编程网

谢谢支持,我们一直在努力

安全提示:您正在对WEB开发编程网进行赞赏操作,一但支付,不可返还。