ES6 箭头函数 使用详解!!
1. 箭头函数使用说明
简述:箭头函数
使用说明
- 使用箭头符号(=>)来表示函数,例如:() => {}。
- 如果函数只有一个参数,可以省略参数周围的括号。例如:x => {}。
3. 如果函数有多个参数,需要使用括号将它们括起来。例如:(x, y) => {}。 - 如果函数体只是一个表达式,可以省略花括号。例如:(x, y) => x + y。
- 如果函数体有多个语句,则需要用花括号将它们括起来,并在每个语句之间使用分号。例如:(x, y) => { let z = x + y; return z; }。
6. 箭头函数可以作为回调函数或者函数参数来使用。 - 如果箭头函数没有参数值 则括号也不能省略
2. 箭头函数的使用注意事项
-
箭头函数没有自己的this值,它的this值会继承父级作用域的this值,因此可以避免this指针的混淆。
举例:
当var age = 90 不存在的时候 下面的方法调用只会输出undefined
但是当他存在的时候 则会输出age 的值99
由此可见this所指向的对象是window 而不是该对象
-
箭头函数不能作为构造函数使用,因为它们没有自己的this值。
-
箭头函数不能使用arguments对象,但可以使用rest参数来代替。