箭头函数与普通函数的区别

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

//箭头函数
let fun = （）=>{
	console.log("我是箭头函数")
};
//普通函数
function fun (){
	console.log("我是普通函数")
}

箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式：一种只包含一个表达式，连{ … }和return都省略掉。还有一种可以包含多条语句，这时候就不能省略{ … }和return。

不能作为构造函数，不能使用new

//箭头函数
let fun = ()=>{
	console.log("我是箭头函数");
}
let fc = new fun();

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

function A(a){
	console.log(arguments);
}
A(1,2,3,4,5,8);
let B = (b)=>{
	console.log(argument);
};
B(2,92,32,32);
let c = (...c)=>{
	console.log(c);
};
C(3,82,32,11323)

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

var a = 200;
let obj = {
	a:100,
	fn:function(){
		console.log(this.a)
	},
	foo:()=>{
		console.log(this.a)
	}
}
obj.fn();
obj.foo();

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

let obj2 = {
	a:10,
	b:function(n){
	let f = (n)=> n + this.a;
	return f(n)
	},
	c:function (n){
	let f = (n) => n + this.a;
	let m = {
		a:20
		};
		return f.call(m,n)
	}
}
console.log(obj2.b(1));
console.log(obj2.c1(1))

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

var a = ()=>{
	return 1;
};
function b(){
	return 2;
}
console.log(a.prototype);
console.log(b.prototype);