1.在es6中运行使用“(=>)”来定义函数,比如:
var fn = p=> p;//最精简模式
//等价
var fn = function (p) {
return p;
}
//函数不需要参数或需要多个参数,需要使用()。
var fn1 = (p1,p2)=>p1+p2;
//等价
var fn1 = function (p1,p2) {
return p1+p2;
}
//函数体代码不止一条语句,需要使用{},且不能省略return。
var fn2 = (p1,p2)=>{
let p3 = p1+p2;
return p3;
}
2.箭头函数没有this对象,他会找到上层调用者作为this对象,直至window。还有,由于箭头函数没有自己的this,所以call,apply,bing等方法都不能改变this指向。
var values="window";
var test={
values:'test',
loading:function(){
window.onload=()=>{
console.log(this.values);
}
},
events:function () {
window.addEventListener('click',function(){
console.log(this.values);
})
}
}
test.loading();//输出test
test.events();//单击网页,输出window
3.不可以当作构造函数,也就是说,不可以使用new命令。
4.箭头函数没有arguments,如果想要获取全部参数,就使用rest参数。
//箭头函数没有arguments,rest参数代替
var add=(...num)=>{
let sum=0;
for (let val of num) {
sum+=val;
}
return sum;
}
//普通函数,使用arguments
function add1()
{
var sum=0;
for(var i=0;i<arguments.length;i++){
sum+= arguments[i];
}
return sum;
}
好了,今天就总结了以上4条比较重要的区别。
如无作者授权,请勿转载。