首頁  >  文章  >  web前端  >  ES中Symbol資料型別解釋

ES中Symbol資料型別解釋

一个新手
一个新手原創
2017-09-27 09:56:481813瀏覽


作用

宣告獨一無二的變數

兩個Symbol是不相等的。

let a1 = Symbol();  //不用newlet a2 = Symbol();
console.log(a1===a2); //false

防止key值衝突

let a1=Symbol.for('abc');let obj={
        [a1]:'123',        'abc':345,        'c':456};
console.log('obj',obj);  // {abc: 345, c: 456, Symbol(abc): "123"}

[a1]就是上面的Symbol,它的key值是'abc',

而下面也有一個key值是'abc ',但是不衝突。

方法

Symbol.for() 尋找key值

這種方法會在全域搜尋key值,

如果,就傳回值;

如果沒有,就會產生key值

let a3=Symbol.for('a3'); //声明keylet a4=Symbol.for('a3'); //找到变量a3对应的key值
console.log(a3===a4);    //a3 === a3

Object.getOwnPropertySymbols()     取得value

它只能拿到Symbol()的value值,拿不到普通屬性的value值
返回值:

陣列

實例

let s5 = Symbol('s5');let s6 = Symbol('s6');let a = {
    [s5]: 'rs5',
    [s6]: 'rs6'}Object.getOwnPropertySymbols(a).forEach(function(item){
    console.log(a[item]);  // rs5  rs6})

Reflect.ownKeys() 取得key和value

可以拿到Symbol()和非Symbol的key值、value值
傳回值:陣列 實例

let s5 = Symbol('s5');let s6 = Symbol('s6');let a = {
    [s5]: 'rs5',
    [s6]: 'rs6'}

Reflect.ownKeys(a).forEach(function(item){
    console.log(item,a[item]); // Symbol(s5) "rs5"  Symbol(s6) "rs6"})

以上是ES中Symbol資料型別解釋的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn