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

最新推荐文章于 2025-11-28 18:13:17 发布

原创最新推荐文章于 2025-11-28 18:13:17 发布 · 181 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript #前端 #html

本文详细讲解了箭头函数的this指向规则，指出其在定义时即确定，不受外部作用域影响，并通过实例演示了普通函数中this指向的变化。还介绍了箭头函数的其他特性，如不可用作构造函数和缺少arguments。

1.this的指向

 let obj = {
        run: function () {
            return () => {
                console.log(this);    //   run
            }
        }
    }
    obj.run()()

这个this指向是指向这个run

箭头函数在定义时就决定了其this的指向

也就是这个 run的this指向谁他就指向谁

切就算之后修改它本身的this 指向

它也不会变

    let obj = {
        run: function () {
            return () => {
                console.log(this);    //   run
            }
        }
    }
    obj.run().call(window)

当你改为普通函数

   let obj = {
        run: function () {
            return function () {
                console.log(this);    //   window
            }
        }
    }
    obj.run()()

return的普通函数this指向是 window

且this指向会被修改

let obj = {
        run: function () {
            return function () {
                console.log(this);    //   window
            }
        }
    }
    obj.run().call(window)

2.箭头函数不能new 也没有prototype

3.箭头函数没有arguments

4.外形也不同