脚本宝典收集整理的这篇文章主要介绍了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...in
和for...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,请注明来意。