在 JavaScript 开发中，经常需要使用函数绑定来改变函数执行时的上下文。在 ES5 中，我们可以使用 Function.prototype.bind() 方法来实现函数绑定。而在 ES6 中，新增了更加简洁的函数绑定语法 ::，本文将详细介绍 ES6 中的函数绑定。
1. Function.prototype.bind() 方法
在 ES5 中，我们可以使用 Function.prototype.bind() 方法来实现函数绑定。bind() 方法会创建一个新函数，新函数的 this 值被绑定到 bind() 方法的第一个参数，后续参数将作为新函数的参数，返回新函数。
1.1 基本使用方法
下面是 bind() 方法的基本使用方法：
-- -------------------- ---- ------- -------- ---------- - ------------------- ---------------- - ----- ------ - - ----- ------- -- ----- -------------- - ---------------------- ----------------- -- ------ -----
上面的代码中，我们定义了一个 sayHello() 函数，该函数使用 console.log() 方法输出一个字符串。我们还定义了一个 person 对象，该对象有一个 name 属性。接着，我们使用 bind() 方法创建了一个新函数 sayHelloToJack，新函数的 this 值被绑定到 person 对象，因此执行新函数时，输出的字符串中的 Jack 是从 person.name 中获取的。
1.2 柯里化
bind() 方法还可以用来实现柯里化（Currying），即将一个接受多个参数的函数转化为接受单一参数的函数序列。下面是一个简单的柯里化例子：
function add(x, y) {
return x + y;
}
const add5 = add.bind(null, 5);
console.log(add5(3)); // 8
console.log(add5(7)); // 12上面的代码中，我们定义了一个 add() 函数，该函数接受两个参数并返回它们的和。接着，我们使用 bind() 方法创建了一个新函数 add5，新函数的第一个参数被绑定为 5，因此执行新函数时，实际上是将 5 作为第一个参数传递给了原函数 add()。
2. :: 语法
在 ES6 中，新增了更加简洁的函数绑定语法 ::。:: 语法相当于调用 bind() 方法，但更加简洁。下面是一个使用 :: 语法的例子：
const person = {
name: 'Jack',
sayHello() {
console.log(`Hello, ${this.name}!`);
},
};
person::sayHello(); // Hello, Jack!上面的代码中，我们定义了一个 person 对象，该对象有一个 name 属性和一个 sayHello() 方法。接着，我们使用 :: 语法调用 sayHello() 方法，该语法相当于调用 sayHello() 方法并将 person 对象作为第一个参数传递给了该方法。
3. :: 语法的优先级
需要注意的是，:: 语法的优先级比较低，因此在使用 :: 语法时，需要注意括号的使用。下面是一个使用 :: 语法的例子：
-- -------------------- ---- ------- -------- ---------- - ------------------- ---------------- - ----- ------ - - ----- ------- -- --------------------------- -- ------ -----
上面的代码中，我们使用 :: 语法调用 bind() 方法并将 person 对象作为第一个参数传递给了该方法，接着使用括号将返回的新函数立即执行，输出了正确的字符串。
4. 总结
本文介绍了 ES6 中的函数绑定（bind）方法，包括 Function.prototype.bind() 方法和 :: 语法。通过本文的学习，你已经掌握了如何使用函数绑定来改变函数执行时的上下文，以及如何使用柯里化来转化函数参数。希望本文能够对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65cd5447add4f0e0ff69590c