当前位置:   article > 正文

箭头函数的使用_箭头函数大括号的使用

箭头函数大括号的使用

基本用法

ES6 允许使用“箭头”(=>)定义函数。

var f = v => v;
  • 1

上面的箭头函数等同于:

var f = function(v) {
   
  return v;
};
  • 1
  • 2
  • 3
  • 4

如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。

var f = () => 5;
// 等同于
var f = function () {
    return 5 };
var sum = (num1, num2) => num1 + num2;
// 等同于
var sum = function(num1, num2) {
   
  return num1 + num2;
};
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

如果箭头函数的代码块部分多于一条语句,就要使用大括号将它们括起来,并且使用return语句返回。

var sum = (num1, num2) => {
    return num1 + num2; }
  • 1
  • 2

由于大括号被解释为代码块,所以如果箭头函数直接返回一个对象,必须在对象外面加上括号,否则会报错。

// 报错
let getTempItem
  • 1
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/115803
推荐阅读
相关标签
  

闽ICP备14008679号