箭头函数与普通函数区别

一、箭头函数是匿名函数，不能作为构造函数，不能使用new。

let fun = () =>{
	console.log('我是箭头函数')
}
function fun(){
	console.log('我是普通函数')
}

二、箭头函数内没有arguments，可以用展开运算符…解决

let c = (...c) =>{
	console.log(c)
}
c(1,2,3,4,5) //[1,2,3,4,5]

三、箭头函数的this，始终指向父级上下文（箭头函数的this取决于定义位置父级的上下文，跟使用位置没关系，普通函数this指向调用的那个对象）

var a=20;

let obj={
    a:10,
    fn:function(){   //es5 谁调用，this指向谁
        console.log(this.a);
    },
    foo:()=>{   //  es6箭头函数的this指向父级(obj)上下文。
        console.log(this.a)
    }
}

obj.fn(); // 10
obj.foo(); //20

四、箭头函数不能通过call() 、 apply() 、bind()方法直接修改它的this指向。(call、aaply、bind会默认忽略第一个参数，但是可以正常传参)

五、箭头函数没有原型属性

var a = () =>{
	return 1
}

function b() {
	return 2
}
console.log(a.prototype) //undefined
console.log(b.prototype) //{constructor,f}