JS 箭头函数 vs 普通函数：区别与适用场景

JS 箭头函数和普通函数的主要区别在于它们的 this 指向和定义方式。

1. this 指向不同

箭头函数没有自己的 this 指向，它的 this 指向是在定义时继承自外层作用域的。而普通函数的 this 指向是在运行时动态绑定的，它的指向取决于函数被调用时的上下文。

2. 定义方式不同

箭头函数的定义方式比普通函数更简洁，可以使用一行代码来定义一个函数。而普通函数需要使用 function 关键字、参数列表和函数体来定义。

例如：

箭头函数：

const sum = (a, b) => a + b;

普通函数：

function sum(a, b) { return a + b; }

总的来说，箭头函数适合于简单的函数逻辑和需要访问外层作用域的场景，而普通函数适合于复杂的函数逻辑和需要动态绑定 this 指向的场景。