首页 > javascript学习 > JavaScript > javascript ES6中的箭头函数(Arrow Functions)
2020
07-02

javascript ES6中的箭头函数(Arrow Functions)

ES6标准新增了一种新的函数:箭头函数(Arrow Functions),因为它的定义用的就是一个箭头,箭头函数可以看作为匿名函数的简写方式。

箭头函数(Arrow Functions))主要有以下4种语法:

1)基本:
    (param1, param2, paramN) => {expression}
 
2)只有一个参数时,括号可以省略
    singleParam => { expression }
 
3)不传参数时,要用一对括号代替参数位
    () => { expression }
 
4)函数主体比较简单直接返回时可以省略大括号{},表示直接返回函数主体
    (param1, param2, paramN) => expression

5)如果要返回一个对象且是单表达式,那么省略大括号{}会报错:
    x => {foo:x}
    本意是返回{foo:x}对象,但是由于大括号和省略的大括号有语法冲突,可以改为x => ({ foo: x })

箭头函数(Arrow Functions)的特性

1、没有自身this,在箭头函数内部使用this时,此this指向创建此函数时的外部this

2、call()、apply()、bind()调用无法改变函数主体内的this

3、没有arguments成员

4、箭头函数作为某个对象的方法成员时,函数体的this指向并非此对象

最后编辑:
作者:qingheluo
这个作者貌似有点懒,什么都没有留下。

留下一个回复

你的email不会被公开。