es6箭头函数的学习
在es6中允许使用箭头函数(=>)来定义函数,例如 var f = v=>v
- 一般情况下我们定义函数都是这样的样式
var a = function(x){ 这里面是函数体 }
,我们可以利用箭头函数来实现函数的简化var a = ()=>{}
- 在箭头函数中,我们可以去掉function声明,如果函数中有参数的话,我们可以使用()来包裹参数,如果函数只有一个参数的时候我们可以不用(),然后写=> 然后后面是方法体,如果函数体只有一条语句,我们可以不使用return返回 例如下面几个例子
var a = x =>x
或者var a = () = >5
或者是var a = (x,y)=>x+y
这都是有返回值的单语句箭头函数- 如果箭头函数的代码块部分多于一条语句,就要使用大括号将它们括起来,并且使用return语句返回。
var a = (x,y) =>{ x=x+2,return x=y }
- 如果箭头函数直接返回一个对象,必须在对象外面加上括号,否则会报错。
let getTempItem = id => { id: id, name: "Temp" };
这个语句是错误的,我们可以使用let getTempItem = id => ({ id: id, name: "Temp" });
- 如果我们有一个函数,语句只有一句并且没有返回值,那么我们不应该使用
var a=()=>语句
,我们应该使用let fn = () => void doesNotReturn();
使用箭头函数的注意点(最重要的一点就是this指向问题)
- 函数体内的this对象就是定义时所在的对象,而不是使用时所在的对象
- 不可以当做构造函数,不能使用argumetns
- 不可以使用yield命令