js-Symbol类型

Symbol类型

ES6引入了一种新的原始数据类型Symbol，表示独一无二的值，它是JavaScript语言的第7种数据类型，是一种类似于字符串的数据类型。

let s = Symbol()
console.log(s, typeof s)	// Symbol() "symbol"

Symbol特点

1. Symbol的值是唯一的，用来解决命名冲突的问题

   let s2 = Symbol('test')
   let s3 = Symbol('test')
   console.log(s2 === s3)	// false
   
   let s4 = Symbol.for('test')
   console.log(s4, typeof s4) 	// Symbol(test) "symbol"
   
   let s5 = Symbol.for('test')
   console.log(s4 === s5)	// true
   123456789
   

2. Symbol值不能与其他数据进行运算

   let result = s + 100	// 报错：Cannot convert a Symbol value to a number
   let result = s > 100	// 报错：Cannot convert a Symbol value to a number
   let result = s + s	// 报错：Cannot convert a Symbol value to a number
   123
   

3. Symbol定义的对象属性不能使用for...in循环遍历，但是可以使用Reflect.ownKeys来获取对象的所有键名

使用

// 第一种向对象中添加up、down
let game = {
    name: '一款游戏',
    up() {
        console.log('我是原来的up')
    },
    down() {
        console.log('我是原来的down')
    }
}

// 声明一个对象
let methods = {
    up: Symbol(),
    down: Symbol()
}

game[methods.up] = function () {
    console.log('upupup')
}
game[methods.down] = function () {
    console.log('downdowndown')
}
// 调用
game[methods.down]()

// 第二种用Symbol作为属性名的方法
let game2 = {
    name: '狼人杀',
    [Symbol('say')]: function () {
        console.log('请发言')
    },
    [Symbol('zibao')]: function () {
        console.log('狼人已自爆')
    }
}

for (const key in game2) {
    console.log(key)
}   // name

console.log(Reflect.ownKeys(game2)) // ["name", Symbol(say), Symbol(zibao)]
game2[Reflect.ownKeys(game2)[1]]()  // 请发言