【ES6】JavaScript中的Symbol

最新推荐文章于 2023-11-02 15:48:04 发布

科学熊

最新推荐文章于 2023-11-02 15:48:04 发布

阅读量426

点赞数 1

分类专栏：前端文章标签： typescript

本文链接：https://blog.csdn.net/qq_22744093/article/details/132578064

版权

前端专栏收录该内容

80 篇文章 1 订阅

订阅专栏

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>