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

箭头函数和普通函数在 JavaScript 中有一些重要的区别，主要包括以下几点：

1. 语法：

• 普通函数使用关键字 function 来声明，例如：function myFunction() { ... }
• 箭头函数使用箭头符号 (=>) 来声明，例如：const myFunction = () => { ... }

      2.this 的指向：

• 在普通函数中，this 的指向取决于函数被调用的方式。如果是通过对象的方法调用，this 指向该对象；如果是全局作用域调用，this 指向全局对象（在浏览器中通常是 window）。
• 在箭头函数中，this 的指向是在定义函数时确定的，指向外层作用域的 this 值，而不是在运行时确定的。

  3.arguments 对象： 

• 普通函数有 arguments 对象，可以访问所有传入的参数。
• 箭头函数没有自己的 arguments 对象，无法直接访问arguments对象，会继承外层作用域的arguments对象，。但可以使用 rest 参数（...args）来获取函数的参数。

      4.this 的指向：

• 普通函数可以作为构造函数使用，通过 new 关键字来创建实例。
• 箭头函数不能作为构造函数使用，因为它没有自己的 this，无法创建实例，也不能通过new关键字来实例化一个箭头函数。

       5. 返回值：

• 箭头函数如果只有一条语句，可以省略大括号和 return 关键字，自动返回该语句的结果。
• 普通函数需要显式使用 return 来返回值。

总的来说，箭头函数通常更简洁、更易读，并且能够更好地处理 this 的指向问题。但在某些情况下，普通函数仍然更适合，特别是需要作为构造函数使用或需要访问 arguments 对象时。根据具体的需求和场景，选择合适的函数类型来编写代码。