首頁 > web前端 > js教程 > 主體

ES中Symbol資料型別解釋

一个新手
發布: 2017-09-27 09:56:48
原創
1803 人瀏覽過


作用

宣告獨一無二的變數

兩個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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板