浅谈Symbol

目录

一.概述

二.Symbol.prototype.description

三.应用场景

四.Symbol.for(),Symbol.keyFor() 

参考文章:

一.概述

Symbol属于JavaScript语言的原生数据类型之一,通过 Symbol() 函数生成,表示一个独一无二的值。

let s = Symbol();
typeof s
//"Symbol"

Symbol() 函数可接受一个字符串作为参数,该参数只表示对当前Symbol值的描述,因此相同参数的Symbol() 函数的返回值是不相等的。

let s1 = Symbol('foo');
let s2 = Symbol('foo');

s1.toString(); // "Symbol(foo)"
s1 === s2 //false

Symbol值可以显示地转为字符串或布尔值,但不能转为数值。

let sym = Symbol('my Symbol');

String(sym) // 'Symbol(my Symbol)'
Boolean(sym) // true

二.Symbol.prototype.description

Symbol值提供一个实例属性description,直接返回Symbol值的描述

let sym = Symbol('bar')
sym.description // 'bar'

三.应用场景

1. 作为属性名 

在使用对象时,保证了不会出现同名属性。Symbol值作为对象的属性名时,不能用点运算符,必须放在方括号之中。

注:Symbol 值作为属性名时,该属性还是公开属性

const mySymbol = Symbol();
const a = {};

a.mySymbol = 'Hello!';
a[mySymbol] // undefined
a['mySymbol'] // "Hello!"
2. 用于定义一组常量,保证这组常量的值都是不相等的
3. 代替代码中多次出现的,某个具体的字符串
  • 将具体的字符串,改写为某个对象的属性值,消除强耦合
  • 利用Symbol值的特点,确保该对象的属性值互不冲突

四.Symbol.for(),Symbol.keyFor() 

  • Symbol.for() 方法接受一个字符串作为参数,然后搜索有没有以该参数作为名称的Symbol值,如果有,就返回这个Symbol值;若没有,就新建一个以该字符串为名称的Symbol值,并将其注册到全局。
  • Symbol.for()Symbol()这两种写法的区别是,前者会被登记在全局环境中供搜索,后者不会。
  • Symbol.for()为 Symbol 值登记的名字,是全局环境的,不管有没有在全局环境运行。
function foo() {
  return Symbol.for('bar');
}

const x = foo();
const y = Symbol.for('bar');
console.log(x === y); // true

 Symbol.keyFor() 方法返回一个已登记的Symbol类型值的key

let s1 = Symbol.for('foo');
Symbol.keyFor(s1); //'foo'

let s2 = Symbol('foo');
Symbol.keyFor(s2); //undefined

参考文章:

 Symbol --- 阮一峰

  • 9
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值