ES6——Symbol

ES5 的对象属性名都是字符串,这容易造成属性名的冲突。因此 ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。
它是 JavaScript 语言的第七种数据类型,前六种是:undefinednullbooleanstringnumberobject

Symbol 值通过 Symbol 函数生成。这就是说,对象的属性名现在可以有两种类型,一种是原来就有的字符串,另一种就是新增的 Symbol 类型。凡是属性名属于 Symbol 类型,就都是独一无二的,可以保证不会与其他属性名产生冲突。

var sym = Symbol();
console.log(typeof sym);		//symbol
console.log(sym);				//Symbol()

Symbol 函数前不能使用new命令,否则会报错。这是因为生成的 Symbol 是一个原始类型的值,不是对象。也就是说,由于 Symbol 值不是对象,所以不能添加属性。基本上,它是一种类似于字符串的数据类型。

Symbol 函数可以接受一个字符串作为参数,表示对 Symbol 实例的描述,主要是为了在控制台显示,或者转为字符串时,比较容易区分。

var sym = Symbol('sym');
console.log(sym);					//Symbol(sym)
console.log(sym.toString());		//"Symbol(sym)"

如果 Symbol 的参数是一个对象,就会调用该对象的toString方法,将其转为字符串,然后才生成一个 Symbol 值。

var obj = {
	toString: function(){
		return 'abc';
	}
};
var sym = Symbol(obj);
console.log(sym);					//Symbol(abc)

Symbol 值不能与其他类型的值进行运算,会报错。

var sym = Symbol('sym');

"your symbol is " + sym			//报错
`your symbol is ${sym}`			//报错

Symbol 值也可以转为布尔值,但是不能转为数值。

var sym = Symbol();
Boolean(sym)		//true
!sym				//false

Number(sym);		//报错
sym + 1				//报错

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

var sym = Symbol('sym');
sym.description			//"sym"

由于每一个 Symbol 值都是不相等的,这意味着 Symbol 值可以作为标识符,用于对象的属性名,就能保证不会出现同名的属性。

var sym = Symbol();

// 第一种写法
let obj1 = {};
obj[sym] = 'Hello!';

// 第二种写法
let obj2 = {
  [sym]: 'Hello!'
};

// 第三种写法
let obj3 = {};
Object.defineProperty(obj3, sym, { value: 'Hello!' });

注意,Symbol 值作为对象属性名时,不能用点运算符。

同理,在对象的内部,使用 Symbol 值定义属性时,Symbol 值必须放在方括号之中。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值