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"
	})
	//以上遍歷可以獲取所有屬性
}


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章