es6箭头函数中return的用法,只有一行语句,可以省略大括号,并且省略return关键

发布于 分类 文摘动态

0311lc.com说:
  • 如果箭头函数的代码块部分多于一条语句,就要使用大括号将它们括起来,并且使用return关键字返回
  • const foo = (a, b) => {
       a+b;
    }
    foo(1, 2) // undefined
    
    const foo1 = (a, b) => {
       return a+b;
    }
    foo1(1, 2) // 3

    如果箭头函数只有一行语句,可以省略大括号,并且省略return关键字。

  • const foo = (a, b) => a+b // 等价于const foo = (a, b) => { return a+b }
    foo(1, 2) // 3

    这里的foo = (a, b) => a+b相当于foo = (a, b) => { return a+b }

  • 上面的用法可以用来简化回调函数,看下面的例子:
  • // 正常函数写法
    [1,2,3].map(function (x) {
      return x * x;
    });
    
    // 箭头函数写法
    [1,2,3].map(x => x * x);

     


发表评论

电子邮件地址不会被公开。 必填项已用*标注