es6(基础十二) Symbol

一、作用与概述

作用:解决命名冲突

概述:
1.一种新的原始数据类型Symbol
2.表示独一无二的值

传统命名冲突时,会覆盖前一个

{
	let obj = {
		abc:12,
		abc:23
	}
	console.info(obj.abc)//23 命名冲突时,会覆盖前一个
}

es6采用Symbol解决命名冲突

//解决命名冲突
{
	let o = Symbol('abc');
	let obj = {
		abc:"111",
		[o]:"23"
	}
	console.info(obj);//{abc: "111", Symbol(abc): "23"}
	console.info(obj.abc);//111
	console.info(obj[o]);//23
}

二、使用

    1.Symbol

        Symbol定义的变量是独一无二的,就算描述相同,也不相同

        Symbol定义方式

{
	let sy1 = Symbol("abc");
	let sy2 = Symbol("abc");
	console.info(sy1===sy2);//false
	console.info(sy1);//Symbol(abc)
}

    2.Symbol.for()

        Symbol.for()与Symbol()的区别:
            Symbol.for()不会每次调用都返回一个新的 Symbol 类型的值,
            而是会先检查给定的key是否已经存在,如果不存在才会新建一个值

{
	let sy3 = Symbol.for('abc');
	let sy4 = Symbol.for('abc');
	console.info(sy3==sy4);//true
}

三、取值

        Object.getOwnPropertySymbols
Reflect.ownKeys
以上两个方法都是返回数组

{
	let o = Symbol('abc');
	let obj = {
		abc:"111",
		[o]:"23"
	}
	for(let [key,value] of Object.entries(obj)){
		console.info(key,value);//abc 111
	}
	//以上遍历无法获取symbol的内容
	
	Object.getOwnPropertySymbols(obj).forEach(item=>{
		console.info(item,obj[item]);//Symbol(abc) "23"
	})
	//以上遍历只能获取Symbol定义的属性
	Reflect.ownKeys(obj).forEach(item=>{
		console.info(item,obj[item]);//abc 111,Symbol(abc) "23"
	})
	//以上遍历可以获取所有属性
}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值