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"
	})
	//以上遍历可以获取所有属性
}

es6（基础十二） Symbol

猜你喜欢