美文网首页
箭头函数表达式

箭头函数表达式

作者: 颠倒的黑白 | 来源:发表于2017-06-22 14:54 被阅读0次

ES6标准新增了一种新的函数:Arrow Function(箭头函数)。
为什么叫Arrow Function?因为它的定义用的就是一个箭头:

x => x * x

上面的箭头函数相当于:

function (x) {
    return x * x;
}

箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种像上面的,只包含一个表达式,连{ ... }return都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ ... }return:

x => {
    if (x > 0) {
        return x * x;
    }
    else {
        return - x * x;
    }
}

如果参数不是一个,就需要用括号()括起来:

// 两个参数:
(x, y) => x * x + y * y

// 无参数:
() => 3.14

// 可变参数:
(x, y, ...rest) => {
    var i, sum = x + y;
    for (i=0; i<rest.length; i++) {
        sum += rest[i];
    }
    return sum;
}

如果要返回一个对象,就要注意,如果是单表达式,这么写的话会报错:

// SyntaxError:
x => { foo: x }

因为和函数体的{ ... }有语法冲突,所以要改为:

// ok:
x => ({ foo: x })

相关文章

  • ES6~箭头函数

    什么是箭头函数 单表达式箭头函数 相当于 多表达式箭头函数 箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有...

  • ES6的箭头函数(Arrow Function)

    概述 ES6标准新增了一种新的函数:Arrow Function(箭头函数).箭头函数表达式的语法比函数表达式更简...

  • ES6的学习(一)

    箭头函数 与函数表达式相比,箭头函数有更短的语法。 复杂时需要{}包裹 箭头函数没有自身的this,从外层继承th...

  • 箭头函数

    箭头函数相比函数表达式具有较短的语法并以词法的方式绑定 this。箭头函数总是匿名的。 为什么要使用箭头函数1 更...

  • ES6--箭头函数

    箭头函数 解释 箭头函数就是个简写形式的函数表达式,并且它拥有词法作用域的this值。另箭头函数总是匿名的。 用法...

  • ES6和ES5对比

    函数默认值 箭头函数(函数表达式 --> 箭头函数) 处理多个返回值 (解构) 从 arguments 到剩余参数...

  • 深入理解ES6中的箭头函数

    JavaScript深入理解ES6中的箭头函数 箭头函数表达式的语法比函数表达式短,并且不绑定自己的 this,a...

  • ES6 箭头函数

    箭头函数是一个函数表达式,理论上,任何使用函数表达式的场景都可以使用箭头函数 格式 () => {} 需要注意的...

  • 箭头函数与普通函数的区别

    箭头函数: 普通函数: 箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种只包含一个表达式,连{...

  • ES6笔记:模板字符串和箭头函数

    ${变量名/表达式/有返回值的函数} 箭头函数的内容:原来的函数function(){} 箭头函数:1.写法更简单...

网友评论

      本文标题:箭头函数表达式

      本文链接:https://www.haomeiwen.com/subject/norfcxtx.html