Symbol() 小记

简介: es6中引入了新的基础数据类型:Symbol,唯一的标识。那么在es6中,数据类型就变成了:Number、String、Boolean、Null、undefined、Symbol、object7种使用方式// 通过Symbol()函数来创建一个Symbol实例var s = Symbol()...

es6中引入了新的基础数据类型:Symbol,唯一的标识。
那么在es6中,数据类型就变成了:NumberStringBooleanNullundefinedSymbolobject7种

使用方式

// 通过Symbol()函数来创建一个Symbol实例
var s = Symbol()
// 或者传入可选的字符串参数
var s2 = Symbol('test symbol')

typeof s // 'symbol'

var s3 = Symbol('test symbol')

s2 === s3 // false 唯一性

使用场景1:使用Symbol来作为对象属性的key

var name = Symbol()
var obj = {
  [name]: '小青',
  age: 12
}
obj[name] // 小青

注意:使用symbol类型的数据作为key,此时这个key为不可枚举类型,使用`Object.keys()`或者`for..in`是获取不到对应的key的
var obj = {
    s1: 1,
    [s2]: 2,
    s3: 4
}

console.log(Object.keys(obj)) // s1 s3

for(var k in obj) {
    console.log(k) // s1 s3
}
当然我们也可以获取到symbol类型的key的,使用如下两个方法
// 使用Object的API
Object.getOwnPropertySymbols(obj) // [Symbol(name)]
// 使用新增的反射API
Reflect.ownKeys(obj) // [Symbol(name), 'age', 'title']

使用场景2:使用Symbol定义类的私有属性或方法

var Animal = (function() {
    var AGE_SY = Symbol()
    var GET_NAME = Symbol()
    class Animal {
        constructor(name, age) {
            this.name = name
            this[AGE_SY] = age
        }
        [GET_NAME]() {
            console.log(this.name)
        }
    }
    return Animal
})()

如上,我们用闭包和Symbol,才尽可能的实现了类的私有化方法或属性。
当我们new Animal实例的时候,并不能获取内部定义的symbol变量,所以就不能获取symbol定义的属性和方法。但是,之前我们说过可以通过getOwnPropertySymbols获得symbol定义的key,所以严格来说,并不能完全的实现类的私有属性和方法

相关文章
|
3月前
|
JavaScript 前端开发
ES6:什么是Symbol?
ES6:什么是Symbol?
49 1
|
3月前
|
JavaScript 前端开发 开发者
|
4天前
|
JavaScript
什么是symbol?
什么是symbol?
|
1月前
|
JavaScript
JS【详解】Symbol (含Symbol 作为属性名,静态方法for 和 keyFor,11 个内置的 Symbol 值)
JS【详解】Symbol (含Symbol 作为属性名,静态方法for 和 keyFor,11 个内置的 Symbol 值)
16 1
|
3月前
|
JavaScript 前端开发
Symbol有哪些常用的内置方法
Symbol有哪些常用的内置方法
|
JavaScript
Symbol详解
Symbol详解
104 0
|
存储 JavaScript API
ES6 中的 Symbol —— 多的是你不知道的事
ES6 中的 Symbol —— 多的是你不知道的事
67 0
undefined reference to symbol XGetWindowAttributes/cairo_destroy/XShapeGetRectangles
undefined reference to symbol XGetWindowAttributes/cairo_destroy/XShapeGetRectangles
124 0