八大数据类型之———Symbol

概述

ES6 引入了一种新的原始数据类型 Symbol ,表示独一无二的值,最大的用法是用来定义对象的唯一属性名。

基本用法

创建一个Symbol不能使用new命令,因为Symbol是原始数据类型,不是对象。可以接受一个字符串作为参数,为新创建的 Symbol 提供描述,用来显示在控制台或者作为字符串的时候使用,便于区分。

	let sy = Symbol("ss");
	console.log(sy);          //"Symbol(ss)"
	console.log(typeof sy);   //symbol
	
	//重新定义一个相同参数Symbol(),返回的值不相等
	let sy1 = Symbol("ss");
	console.log(sy == sy1);   //false

使用场景

由于每一个 Symbol 的值都是不相等的,所以 Symbol 作为对象的属性名,可以保证属性不重名。

将Symbol传入对象中

写法1

	let obj = {};
	let sy = Symbol("ss");
	obj[sy] = 1;
	console.log(obj);   //{Symbol(ss): 1}

写法2

	let syObject = {
		[sy]: "kk"
	};
	console.log(syObject);    // {Symbol(key1): "kk"}

写法3
也可以使用Object.defineProperty()

	let obj = {}
	Object.defineProperty(obj,"property1",{
		value:"3"
	})
	console.log(obj);   //{property1: '3'}

Symbol 作为对象属性名时不能用.运算符,要用方括号。因为.运算符后面是字符串。

拦截器(Object.defineProperty())
Object.defineProperty() 静态方法会直接在一个对象上定义一个新属性,或修改其现有属性,并返回此对象。
Object.defineProperty(操作的对象, 键名, {value:键值})
writable :设置为false不允许修改defineProperty对象添加的值,true允许修改
enumerable :设置为true允许被循环拿取值,false不予许
configurable : false不可被删除,true可以删除

let object1 = {};
Object.defineProperty(object1, 'property1', {
	value: 42,
	writable: true,
	enumerable:true,
	configurable:false,
});
console.log(obj);   //{property1: 42}

注意
Symbol 值作为属性名时,该属性是公有属性不是私有属性,可以在类的外部访问。

let a1 = Symbol("foo"),
a2 = Symbol("bar");
const o = {
	[a1]: 'foo val',
	[a2]: 'bar val',
	baz: 'baz val',
	qux: 'quz val'
};
console.log(o);

在这里插入图片描述
如果要读取到一个对象的 Symbol 属性,可以通过 Object.getOwnPropertySymbols()取到,Object.getOwnPropertyNames()会返回对象实例的常规属性数组,Reflect.ownKeys()会返回两种类型的键

console.log(Object.getOwnPropertySymbols(o));   //[Symbol(foo), Symbol(bar)]
console.log(Object.getOwnPropertyNames(o));    //['baz', 'qux']
console.log(Reflect.ownKeys(o));   			//['baz', 'qux', Symbol(foo), Symbol(bar)]

Symbol.for()
Symbol.for()对每个字符串键都执行幂等操作。第一次使用某个字符串调用时,它会检查全局运行时注册表,发现不存在对应的符号,于是就会生成一个新符号实例并添加到注册表中。后续使用相同字符串的调用同样会检查注册表,发现存在与该字符串对应的符号,然后就会返回该符号实例。

let yellow1 = Symbol("yellow");
let yellow2 = Symbol.for("yellow");
let yellow3 = Symbol.for("yellow");
console.log(yellow1 === yellow2);   //false
console.log(yellow2 === yellow3);   //true

Symbol.keyFor()
使用 Symbol.keyFor来查询全局注册表,这个方法接收符号,返回该全局符号对应的字符串键。如果查询的不是全局符号,则返回 undefined。
可以理解为专门针对Symbol.for()的方法,否则就会返回undefined。

let yellow1 = Symbol("yellow");
let s1 = Symbol.for("bar");
console.log(Symbol.keyFor(s1));   //bar
console.log(Symbol.keyFor(yellow1));   //undefined
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值