【ES6】JavaScript中的Symbol-Toy模板网

这篇具有很好参考价值的文章主要介绍了【ES6】JavaScript中的Symbol。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

Symbol是JavaScript中的一种特殊的、不可变的、不可枚举的数据类型。它通常用于表示一个唯一的标识符，可以作为对象的属性键，确保对象的属性键的唯一性和不可变性。

Symbol.for()是Symbol的一个方法，它用于创建一个已经注册的Symbol对象。当使用Symbol.for()创建Symbol对象时，会首先检查已经注册的Symbol对象中是否存在与给定字符串相同的Symbol，如果存在，则返回该Symbol对象，否则创建一个新的Symbol对象并注册到已经注册的Symbol对象中。

<!DOCTYPE html>

<script>



// 创建Symbol对象
const sym1 = Symbol();
const sym2 = Symbol('hello');
const sym3 = Symbol('world');
const sym4 = Symbol('world');


// Symbol对象的唯一性和不可变性
console.log(sym1 === sym2); // false
console.log(sym2 === sym3); // false
//Symbol('world')每次都新建一个Symbol保证了不重复
console.log(sym3 == sym4); //false

// Symbol.for()创建Symbol对象，会全局注册
const sym5 = Symbol.for('world');
const sym6 = Symbol.for('world');

// Symbol.for()查找已注册的Symbol对象
console.log(sym5 === sym4); // false
console.log(sym5 === sym6); // true


// Symbol对象可以被作为属性名，确保属性名的唯一性
const obj = {};
obj[sym1] = 'value 1';
obj[sym2] = 'value 2';
obj[sym3] = 'value 3';
obj[sym4] = 'value 4';
obj[sym5] = 'value 5';
obj[sym6] = 'value 6';

console.log(obj[sym1]); // 'value 1'
console.log(obj[sym2]); // 'value 2'
console.log(obj[sym3]); // 'value 3'
console.log(obj[sym4]); // 'value 4'
console.log(obj[sym5]); // 'value 6' sym5和sym6相同
console.log(obj[sym6]); // 'value 6'

</script>