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

湖边看客

于 2022-11-13 11:29:37 发布

阅读量154

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript 开发语言 ecmascript 前端 html

本文链接：https://blog.youkuaiyun.com/VVVVV16/article/details/127829987

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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.外形也不同