ES6之Symbol
- 声明方式：基本数据类型: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))
复制代码本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2020年09月09日，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读