在ES6中，Symbol是一种新的原始数据类型，用来表示唯一的标识符。它可以表示一个对象或类的独一无二属性，以避免属性名冲突的问题。在前端开发中，Symbol可以为我们带来很多方便和好处。本文将详细阐述ES6的Symbol的使用方法和指导意义，希望能帮助您更好地使用ES6的Symbol。
Symbol的基本用法
Symbol的基本使用方法非常简单，只要调用一个内置方法即可创建一个Symbol实例。示例代码如下：
let mySymbol = Symbol();
上面的代码创建了一个名为mySymbol的Symbol实例。注意，每个Symbol实例都是唯一的，即使你创建两个相同值的Symbol实例，它们也是不相等的。示例代码如下：
let mySymbol1 = Symbol(); let mySymbol2 = Symbol(); console.log(mySymbol1 === mySymbol2); // false
Symbol作为对象属性
Symbol作为对象属性是Symbol的主要应用场景之一。我们可以使用Symbol作为对象的属性名来保证属性的唯一性。Symbol作为对象属性名的语法如下：
let mySymbol = Symbol();
let myObj = {};
myObj[mySymbol] = 'hello';
console.log(myObj[mySymbol]); // hello上面的代码中，我们创建了一个名为mySymbol的Symbol实例，并将其作为myObj对象的属性名，给这个属性值赋值为'hello'。之后，我们可以通过myObj[mySymbol]来获取该属性值。
Symbol作为对象属性不会出现在for...in循环中，也不会被Object.keys()、Object.getOwnPropertyNames()、JSON.stringify()等方法返回。如果我们想要枚举对象属性时遍历到Symbol类型的属性，可以使用Object.getOwnPropertySymbols()方法。示例代码如下：
let mySymbol = Symbol();
let myObj = {
[mySymbol]: 'hello'
};
console.log(Reflect.ownKeys(myObj)); // [Symbol(),]
console.log(Object.getOwnPropertySymbols(myObj)); // [Symbol()]
上面的代码中，我们使用Object.getOwnPropertySymbols(myObj)方法来遍历myObj对象的Symbol属性。可以看出该方法返回了一个包含mySymbol的数组。
Symbol的内置属性和方法
Symbol是一种新的原始数据类型，内置了一些特殊的属性和方法，下面是一些很有用的内置属性和方法：
Symbol.iterator
Symbol.iterator属性是一个用来指定对象的默认迭代器的Symbol，它是一个用于返回对象key/value数据对的默认方法。我们可以使用该方法来构造可迭代对象，并将其用于for...of循环语句中。示例代码如下：
let mySymbol = Symbol.iterator;
let myObj = {
[mySymbol]: function* () {
yield 1;
yield 2;
yield 3;
}
};
for (let val of myObj) {
console.log(val);
}上面的代码中，我们使用Symbol.iterator属性来指定myObj对象的默认迭代方法，并使用for...of语句遍历myObj对象中的key/value数据对。
Symbol.hasInstance
Symbol.hasInstance属性是一个用于测试某个对象是否为指定类的实例的Symbol。用于判断指定对象的类、构造函数、原型链中是否存在作为参数的函数。例如，我们可以使用这个属性来实现自己的instanceof运算符。示例代码如下：
class MyClass {
static [Symbol.hasInstance](obj) {
return obj.hasOwnProperty('value');
}
}
let myObj = {
value: 12
};
console.log(myObj instanceof MyClass); // true上面的代码中，我们定义了一个名为MyClass的类，并指定了该类的Symbol.hasInstance属性。该属性指定了传入的对象必须有value属性，所以myObj可以被认为是MyClass的实例。
总结
Symbol是一种新的原始数据类型，它可以表示唯一的标识符。在前端开发中，Symbol可以为我们带来很多方便和好处。本文详细阐述了ES6的Symbol的使用方法和指导意义，包括Symbol的基本用法、Symbol作为对象属性、Symbol的内置属性和方法等。希望本文能帮助您更好地理解和使用ES6的Symbol。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65b1aeabadd4f0e0ffae3492