ES6之Symbol
2023-03-14 22:39:49 时间
- 声明方式:基本数据类型:let a = Symbol(description);
Symbol()声明一个独一无二的Symbol.
- Symbol.for()
Symbol.for() 接受一个字符串作为参数,然后搜索有没有以该参数作为名称的 Symbol 值。如果有,就返回这个 Symbol 值,否则就新建一个以该字符串为名称的 Symbol 值,并将其注册到全局。 Symbol.for()与Symbol()这两种写法,都会生成新的 Symbol。它们的区别是,前者会被登记在全局环境中供搜索,后者不会。Symbol.for()不会每次调用就返回一个新的 Symbol 类型的值,而是会先检查给定的key是否已经存在,如果不存在才会新建一个值。 Symbol.for()会生成一个全局的Symbol,会和之前for生成的Symbol进行覆盖,所以他们是相等的,参见Demo。
- Symbol.keyFor(symbol):返回一个全局已登记的描述。
keyFor只能获得for声明全局Symbol的描述。无法获得Symbol的描述。
- Symbol.prototype.description:实例属性,获得Symbol生成时候的描述。(这个其实是ES10加入的)
description()可以获得Symbol()声明以及Symbol.for()声明的描述,两个都可以。
- 日常项目中对于Symbol的实际运用。(见Demo)
- 独立属性名:解决对象名称冲突-可计算属性名配合Symbol。
- 属性遍历:Symbol定义key值的属性名无法通过Object.keys,for in遍历到。通过Object.getOwnPropertySymbol()仅仅可以获取对象上通过Symbol定义的属性。Reflect.ownKeys()可以获取全部。(常规遍历无法获取)
- 消除项目中魔幻字符串:魔术字符串指的是,在代码之中多次出现、与代码形成强耦合的某一个具体的字符串或者数值。风格良好的代码,应该尽量消除魔术字符串,改由含义清晰的变量代替。(并不关心内容,所以使用Symbol()保证独一无二代替字符串)
ES6 引入了一种新的原始数据类型 Symbol ,表示独一无二的值。它是 JavaScript 语言的第七种数据类型,前六种是:undefined、null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。
Symbol 值通过Symbol函数生成。这就是说,对象的属性名现在可以有两种类型,一种是原来就有的字符串,另一种就是新增的 Symbol 类型。凡是属性名属于 Symbol 类型,就都是独一无二的,可以保证不会与其他属性名产生冲突。
- 解决变量名冲突
// 解决属性名称冲突
const grade = {
张三: {
address: 'xxx',
tel: '111'
},
李四: {
address: 'yyy',
tel: '222'
},
李四: {
address: 'zzz',
tel: '333'
},
}
console.log(grade)
// 只会保留最后一个李四
// 使用symbol解决
const stu1 = Symbol('李四')
const stu2 = Symbol('李四')
const grade = {
// 可计算属性名配合symbol
[stu1]: {
address: 'yyy',
tel: '222'
},
[stu2]: {
address: 'zzz',
tel: '333'
},
}
console.log(grade) // 两个都存在
console.log(grade[stu1]) // 获得第一个李四 yyy
console.log(grade[stu2]) // 第二个李四信息 zzz
复制代码
- symbol变量无法被访问
const sym = Symbol('imooc')
class User {
constructor(name) {
this.name = name
this[sym] = 'imooc.com'
}
getName() {
return this.name + this[sym]
}
}
const user = new User('xiecheng')
console.log(user.getName())
// 无法获取Symbol
for (let key in user) {
console.log(key)
}
// 无法获取Symbol
for (let key of Object.keys(user)) {
console.log(key)
}
// 仅仅可以获取Symbol
for (let key of Object.getOwnPropertySymbols(user)) {
console.log(key)
}
// 都可以获取
for (let key of Reflect.ownKeys(user)) {
console.log(key)
}
复制代码
- 清除魔幻字符串
// 消除魔幻字符串
function getArea(shape) {
let area = 0
switch (shape) {
case 'Triangle':
area = 1
break
case 'Circle':
area = 2
break
}
return area
}
console.log(getArea('Triangle'))
// 上面代码的Triangle和Circle就是魔幻字符串
// 我并不关心她是什么样子 我只想得到结果
// 消除魔幻字符串
const shapeType = {
// 我并不关心内容,我只要不重复
triangle: Symbol(),
circle: Symbol()
}
function getArea(shape) {
let area = 0
switch (shape) {
case shapeType.triangle:
area = 1
break
case shapeType.circle:
area = 2
break
}
return area
}
console.log(getArea(shapeType.triangle))
复制代码
相关文章
- 黑客可以监听用户对话!谷歌 Home 音箱出现安全问题
- Linux 内核之字符设备驱动
- Django 基础快速入门
- Havoc:一款现代化可扩展的后渗透命令控制框架
- 地下组织如何利用被盗身份和deepfakes
- LockBit竟然道歉了!并为受害者发布解密器
- 教你搞懂线段树,从基础到提高
- OFRAK:一款功能强大的源代码分析和修改平台
- 万字详解递归与递推
- 针对交易软件 TradingView 的供应链攻击
- 表观遗传研究指导肿瘤个性化治疗 | MedChemExpress
- [大家的项目] Sniffnet - 轻松监控您的互联网流量
- Topaz Photo AI mac&win(人工智能降噪软件)
- 如何使用Uchihash处理恶意软件中的嵌入式哈希
- 【Rust 日报】2022-11-24 一个更好的方式在Rust中使用引用:Stack Tokens
- 【Rust 日报】2022-11-25 Rust 真的要上天了!
- 【Rust日报】2022-11-26 yew发布0.20
- DDR1 和 DDR2 双靶点抑制剂的设计合成及其抗炎作用研究 | MedChemExpress
- 密码的安全管理,OA登录锁定策略及特权账号管理方案| FB甲方群话题讨论
- 【Rust 日报】2022-11-27 用Rust重写ESLint