前言
ES6 的发布给 JavaScript 开发带来了很多便利，但是对于大量使用 ES5 的开发者来说，学习新特性仍然是很有挑战性的。而在 ES6 之后，ES12 双冒号运算符是一个非常实用的新特性。本文将详细介绍双冒号运算符的使用，以及如何使用它来提高代码效率。
双冒号运算符的概述
在 JavaScript 中，我们通常使用点运算符（.）或者方括号运算符（[]）来访问对象的属性。而双冒号运算符（::）则提供了一种新的语法来访问对象的方法。例如：
const obj = {
greeting() {
console.log('Hello');
}
};
obj.greeting(); // 输出 "Hello"上面的代码中，我们通过点运算符来调用 obj 对象的 greeting 方法。而使用双冒号运算符，则可以写成如下形式：
// www.javascriptcn.com code example
const obj = {
greeting() {
console.log('Hello');
}
};
const greet = obj::greeting;
greet(); // 输出 "Hello"上面的代码中，我们使用了双冒号运算符来将 obj 对象的 greeting 方法绑定到 greet 变量上。这样，我们就可以通过调用 greet() 来执行 greeting() 方法。
双冒号运算符的使用
1. 绑定 this
在 JavaScript 中，this 是一个非常重要的概念，它通常指向当前函数的执行上下文。而使用双冒号运算符，则可以更方便地绑定 this。
例如，我们有如下代码：
// www.javascriptcn.com code example
const obj = {
name: 'Tom',
sayName() {
console.log(this.name);
}
};
const say = obj.sayName;
say(); // 输出 undefined在上面的代码中，我们将 obj 对象的 sayName 方法赋值给了 say 变量。然后我们调用 say() 方法，发现输出的是 undefined。
这是因为在 say() 方法中，this 指向的是全局对象（在浏览器中是 window 对象），而不是 obj 对象。如果我们使用双冒号运算符，则可以更方便地绑定 this：
// www.javascriptcn.com code example
const obj = {
name: 'Tom',
sayName() {
console.log(this.name);
}
};
const say = obj::sayName;
say(); // 输出 "Tom"在上面的代码中，我们使用双冒号运算符将 sayName 方法绑定到 obj 对象上，这样在调用 say() 方法时，this 指向的就是 obj 对象了。
2. 绑定参数
双冒号运算符还可以用来绑定函数的参数。例如，我们有如下代码：
function add(a, b) {
return a + b;
}
const add2 = add.bind(null, 2);
console.log(add2(3)); // 输出 5在上面的代码中，我们使用 bind() 方法将 add() 函数的第一个参数绑定为 2。这样，我们就可以通过调用 add2(3) 来计算 2 + 3。
使用双冒号运算符，则可以更方便地绑定参数：
function add(a, b) {
return a + b;
}
const add2 = ::add.bind(null, 2);
console.log(add2(3)); // 输出 5在上面的代码中，我们使用双冒号运算符将 add() 函数绑定到 add2 变量上，并将第一个参数绑定为 2。这样，我们就可以通过调用 add2(3) 来计算 2 + 3。
双冒号运算符的指导意义
双冒号运算符是一个非常实用的特性，它可以提高代码的效率和可读性。使用双冒号运算符，我们可以更方便地绑定 this 和参数，从而避免了一些冗余的代码。
另外，双冒号运算符还可以用来简化代码，例如：
const arr = [1, 2, 3]; const result = arr.map(x => x * 2); const result2 = arr::map(x => x * 2);
在上面的代码中，我们使用双冒号运算符将 map() 方法绑定到 arr 数组上，并传入一个箭头函数。这样，我们就可以更方便地对数组进行操作。
结语
双冒号运算符是一个非常实用的特性，它可以提高代码的效率和可读性。在实际开发中，我们可以根据需要使用双冒号运算符来简化代码，并避免一些冗余的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d28c15a941bf71344d2059