停止滥用箭头函数：这5个场景请务必使用 function

主要观点总结

本文主要介绍了JavaScript中的箭头函数与传统function的差异及适用场景。箭头函数在特定场合如回调函数中具有优势，但在对象方法、DOM事件监听器、构造函数、原型方法及需要arguments对象的函数中，传统function更为适用。

关键观点总结

关键观点1: 箭头函数与传统function在this指向上的区别

箭头函数没有自己的this，它会捕获定义时所在上下文的this值，这个绑定是固定的；而传统function的this值是在函数被调用时动态决定的，取决于谁调用了它。

关键观点2: 对象方法中应使用传统function

当为对象定义需要引用该对象自身属性的方法时，应使用传统function，以确保this指向正确。

关键观点3: DOM事件监听器中应使用传统function

在DOM事件监听回调中，如果需要用this来引用触发事件的元素，应使用传统function。

关键观点4: 构造函数中不应使用箭头函数

箭头函数在设计上不能作为构造函数使用，应使用传统function或class。

关键观点5: 原型方法中应使用传统function

在prototype上定义方法时，应使用传统function，以确保this指向类的实例。

关键观点6: 箭头函数的使用场景

箭头函数主要适用于回调函数，尤其是在数组方法中或在setTimeout、Promise.then内部，当需要保持外部this上下文时。