ES中Symbol資料型別解釋-js教程-PHP中文網

ES中Symbol資料型別解釋

一个新手

發布： 2017-09-27 09:56:48

原創

1795 人瀏覽過

作用

宣告獨一無二的變數

兩個Symbol是不相等的。

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

登入後複製

防止key值衝突

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

登入後複製

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

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

方法

Symbol.for() 尋找key值

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

如果有，就傳回值;

如果沒有，就會產生key值。

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

登入後複製

Object.getOwnPropertySymbols() 取得value

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

陣列

實例

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

登入後複製

Reflect.ownKeys() 取得key和value

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

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

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

登入後複製

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