ES6 引入了箭头函数的语法，与之前的函数定义方式不同。而 Function.prototype.bind 方法也可以用来改变函数的上下文。虽然这两种方法都可以创建函数，但它们在使用方式、作用域和 this 的绑定等方面存在一些区别。
语法
ES6 箭头函数使用 => 符号定义，语法如下：
-------- ------- -- ------- -- - --------- -
而 Function.prototype.bind 方法接收一个上下文对象并返回一个新函数，绑定了指定的上下文，语法如下：
----------------------- ------ ------ -------
作用域
箭头函数没有自己的作用域，它们继承父级作用域的 this 值。因此，箭头函数内部的 this 始终与其定义时的外层作用域中的 this 值相同。
而 Function.prototype.bind 方法会创建一个新函数，并将其绑定到指定的上下文中。这意味着新函数的 this 值是固定的，并且不会被其他作用域影响。
this 绑定
在 JavaScript 中，this 的值通常是由调用函数的上下文决定的。对于普通函数，this 的值是在运行时动态计算的，而对于箭头函数和使用 bind 方法绑定了上下文的函数，this 的值是在函数定义时确定的。
箭头函数中的 this 始终指向它所在的外层作用域中的 this 值。例如：
----- --- - -
----- --------
------ ---------- -
------------- -- -
------------------- ----------------
-- ------
-
--
------------ -- -- ------- ---------------- ---- ----- --- - ---- --而使用 bind 方法创建的函数中的 this 始终指向指定的上下文对象。例如：
----- --- - -
----- --------
------ ---------- -
--------------------- -
------------------- ----------------
------------- ------
-
--
------------ -- -- ------- ---------- ---- -------- --- ----总结
总的来说，箭头函数和使用 bind 方法绑定上下文的函数都可以用来创建函数，并且在某些情况下它们的行为是一致的。但是，它们在语法、作用域和 this 绑定等方面存在一些区别，我们应该根据具体的应用场景选择合适的方法。
在写 JavaScript 代码时，请务必注意 this 的绑定问题，这是一个常见的陷阱。尤其是当你使用异步函数或高阶函数时，要特别小心。
示例代码：
-- ------
----- --- - --- -- ---
----- ------- - ----------- -- - - ---
--------------------- -- -- --- -- --
-- ----------------------- --
----- --- - -
----- --------
------ ---------- -
------------------- ----------------
-
--
----- ---------- - --------------------
------------- -- -- ------- -------来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/27042