JavaScript 进阶必备：函数绑定的新姿势 ——ES7 bind 运算符（::）
在开发过程中，我们常常需要将一个函数作为参数传给另一个函数，或者需要绑定 this 的指向。而在传统的 JavaScript 中，我们需要使用 Function.prototype.bind() 或者 call()/apply() 来实现函数绑定。然而，ES7 中引入了一个新的 bind 运算符（::），它使得函数绑定变得更简单和直观。本篇文章将介绍 ES7 bind 运算符的使用，让读者仔细阅读并取得更深入的了解。
什么是 ES7 bind 运算符？
ES7 bind 运算符是一种新的绑定语法，它使用两个冒号 (::) 表示，通常被称为 “双冒号运算符” 或者 “作用域解析运算符”。它的作用是将一个函数绑定到一个特定的上下文中。bind 运算符始终将左边的表达式作为函数的上下文（即 this），右边的表达式作为函数名，同时还会将左边表达式中的属性和方法转移到右边表达式中。
示例代码：
// 传统绑定函数的方法 const obj = { x: 10 } function fn() { console.log(this.x) } const boundFn = fn.bind(obj) boundFn() // 输出 10
// 使用 ES7 bind 运算符绑定函数 const obj = { x: 10 } function fn() { console.log(this.x) } obj::fn() // 输出 10
ES7 bind 运算符将对象 obj 绑定到函数 fn 上，相当于调用 fn.call(obj)，输出 10。我们可以看到，使用 ES7 bind 运算符，代码更加简洁易懂。
ES7 bind 运算符的优点
简洁：使用 ES7 bind 运算符，代码更加简洁，可读性更高。
直观：绑定过程更加直观，易于理解和调试。
减少重复代码：较少了重复代码的使用，增强了代码的复用性。
函数式编程：让 JavaScript 更能符合函数式编程的思想，提高了代码的函数式程度。
如何使用 ES7 bind 运算符？
ES7 bind 运算符使用起来非常简单。我们只需要将要绑定的对象放在运算符的左边，要绑定的函数放在运算符的右边即可。ES7 bind 运算符支持链式调用，这样我们可以在不同的环境中进行不同的绑定。
使用 ES7 bind 运算符的注意点
不建议与其他运算符结合使用：如 a::b::c，不如写成 c(b(a)) 或者 a.b.c()。
不能用于静态方法：如果尝试使用 bind 运算符绑定一个静态方法，将无效。这是因为静态方法没有 this，所以无法被绑定。
不兼容 IE 浏览器：IE 浏览器不支持 ES7 bind 运算符，但是我们可以使用 Babel 转译器将其转换为 ES6 代码。
与普通 bind 的区别：ES7 bind 运算符支持链式调用，这是普通 bind 所不具备的。
总结
ES7 bind 运算符是一种非常便捷的绑定函数的语法，使用它能够减少重复代码、使代码更加简洁易懂，并提高代码的复用性和可读性。但是需要注意其不兼容 IE 浏览器和不能用于绑定静态方法的特点。希望读者能够掌握使用 ES7 bind 运算符的方法和注意点，并在实际开发中应用到自己的代码中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647af56f968c7c53b068c880