javascript ES6中的箭头函数(Arrow Functions)
qingheluo2020-07-02清河洛281
ES6标准新增了一种新的函数:箭头函数(Arrow Functions),因为它的定义用的就是一个箭头,箭头函数可以看作为匿名函数的简写方式箭头函数(Arrow Functions))主要有以下4种语法:1)基本:
(param1, param2, paramN) => {expression}
2)只有一个参数时,括号可以省略:
singleParam => { expression }
3)不传参数时,要用一对括号代替参数位
() => { expression }
4)函数主体比较简单直接返回时可以省略大括号{},表示直接返回函...
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成员,可以使用rest参数(...变量名)用于用于获取函数的多余参数
4、箭头函数作为某个对象的方法成员时,函数体的this指向并非此对象