箭头函数与普通函数（function）的区别是什么？构造函数（function）可以使用 new 生成实例，那么箭头函数可以吗？为什么？

刘嘿哈

发布于 2022-10-25 06:19:55

2.1K00

代码可运行

文章被收录于专栏：js笔记js笔记

运行总次数：0

代码可运行

基本不同 1.写法不同，箭头函数使用箭头定义，普通函数中没有

.箭头函数都是匿名函数，普通函数可以有匿名函数，也可以有具体名函数，但是箭头函数都是匿名函数。
在普通函数中，this总是指向调用它的对象，如果用作构造函数，this指向创建的对象实例。箭头函数中没有this,声明时捕获其所在上下文的this供自己使用。所以箭头函数结合call(),apply()方法调用一个函数时，只传入一个参数对this没有影响。

   var x='window x'
   function fn1(){
       console.log(this.x)
   }
   var fn2=()=>{
       console.log(this.x)
   }
   var obj={
       x:"obj x"
   }
   fn1.call(obj); // obj x
   fn1.apply(obj); // obj x
   fn2.call(obj);  // window x
   fn2.apply(obj);  // window x

4.箭头函数不可以做构造函数，不能使用new 关键字，因为new关键字是调用函数对象的constructor属性，箭头函数中没有该属性，所以不能new

    function fn1(){
        console.log('a')
    }
    var fn2=()=>{
        console.log('b')
    }
    console.dir(fn1)
    console.dir(fn2)
    new fn1()
    new fn2()