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

内容如下：

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

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

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

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

2.箭头函数内没有arguments,可以用展开运算符...解决

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

arguments:是一个方法调用的集合，是一个伪数组，不具有数组的操作的方法，可以用展开运算符...解决

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

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

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