在ES7中，我们有两种不同的方法来实现函数绑定：Function.prototype.bind()和::操作符，它们都有相同的目的，即绑定函数的上下文，但是它们的使用方式和语法都有所不同。
Function.prototype.bind()
Function.prototype.bind()是一个内置的JavaScript方法，它允许我们在创建一个新函数时改变函数的上下文。当我们调用bind()方法时，它将返回一个新函数，并且这个函数绑定了我们指定的上下文，例如：
-- -------------------- ---- ------- -------- ------- - ------------------ - - ----------- - --- ------ - - ----- ------ -- --- ----------- - ------------------- -------------- -- ----- ----
在这个例子中，我们定义了一个greet()函数，它需要一个包含name属性的对象作为上下文。然后，我们使用bind()方法将person对象作为上下文绑定到greet()函数上，并创建了一个新的函数greetPerson。最后，当我们调用greetPerson()时，它会输出Hello John。
:: 操作符
::是ECMAScript7中的一个新的操作符，它提供了一个类似于Method Chaining或管道的语法，可以更方便地绑定函数上下文。使用::操作符，可以直接在函数上调用绑定方法，并指定上下文对象。
例如：
-- -------------------- ---- ------- -------- ------- - ------------------ - - ----------- - --- ------ - - ----- ------ -- ---------------- -- ----- ----
在这个例子中，我们使用::操作符直接在person对象上调用greet()方法。此时，在函数内部，this会自动指向person对象，因为我们通过::操作符将其绑定到了函数上。
除此之外，::操作符还可以处理函数的嵌套绑定，例如：
-- -------------------- ---- ------- -------- ------ -- - ------ - - -- - --- ---- - ---- --- ---- --- --- - ------------ -- ------------- ----------------- -- - --- --- -- -
在这个例子中，我们有一个简单的add()函数，它接受两个参数并返回它们的和。然后，我们定义了一个数字数组nums，并使用map()方法在它的每个元素上加5。
在这个过程中，我们使用::操作符将add()函数绑定到数字数组的每个元素上，完成了嵌套绑定的操作。
总结
在ES7中，我们有两种不同的方法来实现函数绑定：Function.prototype.bind()和::操作符。它们都有相同的目的，即将函数的上下文绑定到指定的对象上，但是它们的语法和用法有所不同。
如果你需要绑定函数的上下文，并且需要更细粒度的控制，那么可以使用Function.prototype.bind()方法。但是，如果你需要一个更简洁的语法，并且只需要简单的绑定，那么可以使用::操作符。
无论你选择哪种方法，理解这些技术都是很重要的，因为它们是设计高效、灵活和易于维护的JavaScript代码的关键。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65adc56badd4f0e0ff73f219