我觉得箭头函数就是将es5中的普通函数换一种写法,使代码看起来更加简洁
基本方法1、简单例子
var f=v=>v; console.log(f("箭头函数")); //箭头函数上面的代码等同于
var function(v){ return v; } console.log(f("普通函数")); //普通函数2、箭头函数不需要参数或者需要多个参数时,用圆括号代表参数部分
var f=()=5; //等同于 var f=function(){ return 5; } var sum=(num1,num2)=>num1+num2; //等同于 var sum=function(num1,num2){ return num1+num2; }3、箭头函数的代码部分多于一条语句,就要用大括号将其括起来,并使用return语句返回,返回的是对象,就必须在对象外面加上括号
var sum=(num1,num2)=>{return num1+num2}; var getId=id=>({id:id,name:"aaaa"}) //返回的是对象4、简化回调函数
//例子1 //普通写法 [1,2,3].map(function(x){ return x*x; }) //箭头函数写法 [1,2,3].map(x=>x*x) //例子2 //正常函数写法 var result=values.sort(function(a,b){ return a-b; }) //箭头函数写法 var result=values.sort((a,b)=>a-b); 使用注意事项函数体内的this对象就是定义时所在的对象,而不是使用时所在的对象
function Timer(){ this.second=0; setInterval(()=>this.second++,1000); } var timer=new Timer(); setTimeout(()=>console.log(timer.second),3100); //输出结果为3而不是0,因为箭头函数让this总是指向Timer的实例对象不可以当作构造函数
不可以使用arguments对象,该对象在函数体内不存在,可以用rest参数代替
不可以使用yield命令,因此箭头函数不能用作Generator函数