箭头函数和普通函数的区别？

箭头函数和普通函数的区别？

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

//箭头函数
let fun =()=>{
consloe.log(我是箭头函数);
};
//普通函数
function fun(){
consloe.log(我是普通函数);
}
箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式：一种只包含一个表达式，
连{ ... }和return都省略掉。还有一种可以包含多条语句，这时候就不能省略{ ... }和return。

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

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

```bash
在这里插入代码片

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

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

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

obj.fn();// 100;  
obj.foo();//200

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

5.箭头函数没有原型属性