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

2023-12-21 21:45:03

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

  1. 语法形式:

    • 普通函数使用 function 关键字进行定义,可以包含函数名称和参数列表。
    • 箭头函数使用箭头符号(=>)来定义,通常是匿名的,参数列表在箭头符号的左侧。
  2. this 的绑定:

    • 普通函数中的 this 是动态绑定的,它的值取决于函数被调用时的上下文。
    • 箭头函数中的 this 是词法上绑定的,它的值取决于箭头函数所在的上下文。

这意味着在箭头函数内部无法通过 this 来访问函数自身的上下文,而是继承自外围作用域。而普通函数中的 this
则根据函数的调用方式动态变化。

  1. arguments 对象:
    • 普通函数内部可以使用 arguments 对象来访问所有传入的参数。
    • 箭头函数没有自己的 arguments 对象,而是直接引用外围作用域中的同名变量。
  2. new 关键字:
    • 普通函数可以作为构造函数使用,并通过 new 关键字创建新的对象实例。
    • 箭头函数不能用作构造函数,不可以通过 new关键字来调用。

到这里也就结束了,希望对您有所帮助

文章来源:https://blog.csdn.net/weixin_71893790/article/details/135138327
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。