ES2015 Symbol 一种全新的原始数据类型

ES2015引入了新的原始数据类型Symbol,保证了属性名的唯一性,避免了字符串属性名可能导致的冲突。Symbol可以通过描述文本区分不同的值,并用于创建对象的私有属性。此外,Symbol还提供了内置常量和静态方法,允许对象实现JS内置接口。尽管传统遍历方法无法获取Symbol属性,但Object.getOwnPropertySymbols()可用来获取这些私有属性。
摘要由CSDN通过智能技术生成

一、Symbol 的基本使用

在ES2015之前,对象的属性名都是字符串,而字符串有可能会重复,重复的话有可能会有冲突。

看一个例子,比如有3个js文件

// share.js=========
const cache = {
   }
// a.js=========
cache['foo'] = '123'
// b.js=========
cache['foo'] = Math.random()

console.log(catch)

现在我们大量使用第三方库,很多时候需要自己去扩展。如果出现属性重复怎么办呢?

ES2015之前的解决方案:约定

给属性名添加特定前缀,比如说Vue内部也使用$和_作为内部方法或属性。

// share.js=========
const cache = {
   }
// a.js=========
cache['a_foo'] = '123'
// b.js=========
cache['b_foo'] = Math.random()

console.log(catch)

在ES2015中,新增了一种原始数据类型Symbol —— 表示独一无二的值。

基本使用:


                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值