ES6 之 symbol

    xiaoxiao2024-04-16  6

    1. symbol 使用

    基本数据类型有6种:Undefined、Null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object) ES6新增了一种数据类型 symbol symbol 使用时候不能 new ; 直接 symbol() ;例如:symbol(‘abc’)

    let os = Symbol('abc') console.log(typeof os) //打印结果是 symbol console.log(typeof os) //打印结果是 Symbol(abc) ;一种数据结构

    2. symbol 对象

    symbol 传一个对象的时候: let os = Symbol({ // name : 'tzh' }) console.log(os) // 打印结果是 Symbol([object Object])

    设置对象时候需要有一个 toString 方法,没有就会沿着原型的链的顶端 Object.prototype 去寻找 Object.prototype 上面的 toString 方法调用它

    重写 toString 方法: let os = Symbol({ name : 'tzh', toString:function(){ return 'nihao' } }) console.log(os) //打印结果是 Symbol(nihao)

    3. symbol 的唯一性

    let os = Symbol('abc') let os2 = Symbol('abc') console.log( os == os2 ) // false

    4. symbol 常用场景

    let name = 'nihao' let obj = { [name]:'tzh' } console.log(obj) // 打印结果如下图

    使用 Symbol 作为变量名 let os = Symbol('abc') let obj = { [os]:'tzh' } console.log(obj) //打印结果如下图

    取值形式: obj[os] ; 不能通过对象点的形式取值

    唯一性: let os = Symbol('abc') let os2 = Symbol('abc') let obj = { [os]:'tzh', [os2]:'tzh' } console.log(obj) //打印结果如下图

    5. symbol 静态属性

    Symbol.iterator console.log(Symbol.iterator) // 打印结果是 Symbol(Symbol.iterator)

    Symbol.iterator 相当于 Symbol(‘Symbol.iterator’) 这种形式;只是进行了封装方便调用

    一个对象原型链上面有 Symbol(Symbol.iterator)这个属性 那么就能被迭代

    最新回复(0)