面试题：JavaScript中Symbol在对象属性中的应用

Question

假设你有一个JavaScript对象，如何使用Symbol作为对象的属性，以实现属性的隐私性或防止属性名冲突？请给出具体代码示例，并解释Symbol作为属性在遍历对象时的表现。

Answer 1

1. 使用Symbol作为对象属性实现隐私性或防止属性名冲突：
   • 在JavaScript中，Symbol类型是一种独特的原始数据类型，每个Symbol值都是唯一的，这使得它非常适合用于创建对象的“私有”属性或防止属性名冲突。
   • 以下是具体代码示例：

// 创建一个Symbol
const mySymbol = Symbol('description');

// 创建一个对象，并使用Symbol作为属性
const myObject = {
    [mySymbol]: 'This is a value associated with the Symbol property'
};

// 获取Symbol属性的值
console.log(myObject[mySymbol]); 

2. Symbol作为属性在遍历对象时的表现：
   • 当使用for...in循环遍历对象时，for...in会遍历对象自身的和继承的可枚举属性，但不会遍历Symbol属性。例如：

const mySymbol = Symbol('description');
const myObject = {
    normalProp: 'This is a normal property',
    [mySymbol]: 'This is a Symbol property'
};

for (let key in myObject) {
    console.log(key); 
}
// 输出：normalProp

• 使用Object.keys()方法也不会返回Symbol属性，Object.keys()返回一个由对象自身可枚举属性的键组成的数组。

const mySymbol = Symbol('description');
const myObject = {
    normalProp: 'This is a normal property',
    [mySymbol]: 'This is a Symbol property'
};

console.log(Object.keys(myObject)); 
// 输出：['normalProp']

• 要获取对象的Symbol属性，可以使用Object.getOwnPropertySymbols()方法，它返回一个包含对象自身所有Symbol属性的数组。

const mySymbol = Symbol('description');
const myObject = {
    normalProp: 'This is a normal property',
    [mySymbol]: 'This is a Symbol property'
};

const symbolProps = Object.getOwnPropertySymbols(myObject);
console.log(symbolProps); 
// 输出：[Symbol(description)]

// 可以通过这个数组访问Symbol属性的值
console.log(myObject[symbolProps[0]]); 
// 输出：This is a value associated with the Symbol property

• 此外，Reflect.ownKeys()方法会返回对象自身的所有属性，包括常规属性和Symbol属性。

const mySymbol = Symbol('description');
const myObject = {
    normalProp: 'This is a normal property',
    [mySymbol]: 'This is a Symbol property'
};

const allKeys = Reflect.ownKeys(myObject);
console.log(allKeys); 
// 输出：['normalProp', Symbol(description)]