ES6的Symbol数据类型的学习

发布时间:2019-08-09 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了ES6的Symbol数据类型的学习脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

新的原始数据类型Symbol,表示独一无二的值
其他的数据类型包括undefined,null,string,number,boolean,object

基本知识

let s = Symbol() // 注意不能使用new,因为它不是对象
tyPEof s // 'symbol'


let s1 = Symbol('foo')
s1 // Symbol(foo)

// Symbol参数是一个对象,就会调用该对象的toString()方法,然后才生成一个Symbol值
const obj = {
    toString() {
        return 'abc'
    }
}
const sym = Symbol(obj)
sym // Symbol(abc)

let s2 = Symbol('foo')
s1 === s2 // false

// Symbol值不可以运算
console.LOG('your symbol ' + s1) // TypeError

// Symbol可以显式转为字符串
String(s1) 
sym.toString() // 'Symbol(foo)'

// Symbol可以转为布尔值,但是不能转为数值
Boolean(s) // true
!s // false
Number(s) // TypeError

可以止某一个键被改写或覆盖

使用Symbol值定义属性时,Symbol值必须放在方括号之中。

let mySym = Symbol()
let a = {}
a[mySym] = 'hello'

let a = {
    [mySym]: 'hello'
}

// 注意点运算符,此时mySym是字符串
a.mySym = 'hello'
a[mySym] // undefined
a['mySym'] // 'hello'

属性名的遍历
Symbol作为属性名,不会出现在for...infor...of循环中,也不会被Object.keys()Object.getOwnPropertynames()JSON.stringify()返回,有一个Object.getOwnPropertySymbols方法可以获取Symbol属性名

let obj = {}
let foo = Symbol('foo')
Object.definePRoperty(obj, foo, {
    value: 'foobar'
})

for (let i in obj) {
    console.log(i) // 无输出
}

Object.getOwnPropertyNames(obj) // []

Object.getOwnPropertySymbols(obj) // [Symbol(foo)]

还有一个全新APIReflect.ownKeys()可以返回所有类型的键名,包括常规键名和Symbol键名

let obj = {
    [Symbol('my_key')]: 1,
    enum: 2,
    nonEnum: 3
}

Reflect.ownKeys(obj) // ['enum','nonEnum',Symbol(my_key)]
let s1 = Symbol.for('foo') // 不会每次调用就返回一个新的Symbol类型的值
let s2 = Symbol.for('bar') // 调用30次,每次都返回同一个Symbol值,但是Symbol()会返回30个不同的Symbol值
s1 === s2 //true

// 返回一个已登记的Symbol类型值的key
let s1 = Symbol.for('foo')
Symbol.keyFor(s1) // 'foo'

let s2 = Symbol('foo')
Symbol.keyFor(s2) // undefined

脚本宝典总结

以上是脚本宝典为你收集整理的ES6的Symbol数据类型的学习全部内容,希望文章能够帮你解决ES6的Symbol数据类型的学习所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。