es6系列之symbol

概述

Symbol 新的基本数据类型，表示独一无二的值。

前6中 undefined null number boolean string object

对象的属性名可以有2中类型 string symbol

使用

Symbol函数可接受字符串作为参数，表示实例的描述，没有实际用处

const s1 = Symbol('123') console.log(s1) // Symbol(123)

Symbol参数如果是对象``数组等实例具有toString属性的，会将其转换为字符串（调用实例方法toString），然后在生成Symbol值

const s2 = Symbol({ name: 'zhq' }) console.log(s2) // Symbol([object Object]) // 6种数据类型 Symbol({ name: 'zhq' }) // Symbol([object Object]) Symbol('123') // Symbol(123) Symbol(123) // Symbol(123) Symbol(false) // Symbol(false) Symbol(null) // Symbol(null) Symbol(undefined) // Symbol() 🤨 // 甚至 Symbol([true,'123']) // Symbol(true,12) Symbol(Symbol) // Symbol(function Symbol() { [native code] }) // but 🤨 Symbol(Symbol()) // Cannot convert a Symbol value to a string

警告 👉 Symbol函数不能使用new, 报错Symbol is not a constructor at new Symbol

var sym = new Symbol(); // Uncaught TypeError: Symbol is not a constructor

会阻止创建一个显式的 Symbol 包装器对象而不是一个 Symbol 值。

警告 👉 围绕原始数据类型创建一个显式包装器对象从 ECMAScript 6 开始不再被支持。 然而，现有的原始包装器对象，如 new Boolean、new String以及new Number，因为遗留原因仍可被创建。

类型转换

类型判断 类似于string基本类型 symbol是基本数据类型(不是引用型)，所以可以直接使用typeof判断

const s1 = Symbol() console.log(typeof s1) // symbol

类型转换 警告 👉 当使用symbol值进行类型转换时需要特别注意

symbol => number 隐式转换❌ 显式转换❌ // 隐式转换 Symbol() + 1 // Uncaught TypeError: Cannot convert a Symbol value to a number // 显式转换 Number(Symbol()) // Uncaught TypeError: Cannot convert a Symbol value to a number symbol => string 隐式转换❌ 显式转换✅ // 隐式转换 Symbol() + 'abc' // Uncaught TypeError: Cannot convert a Symbol value to a string `${Symbol()}abc` // Uncaught TypeError: Cannot convert a Symbol value to a string // 显式转换 String(Symbol('aa')) // Symbol(aa) symbol => boolean 隐式转换✅ 显式转换✅symbol => object 转换✅

全局共享的Symbol

Symbol()任何时候创建的都是独一无二的值。 下面两个类方法： Symbol创建跨文件，甚至跨域的值 使用Symbol.for() Symbol.keyFor(),这个会在全局的symbol注册表中维护

const sforA = Symbol.for('123') const sforB = Symbol.for('123') console.log(sforA === sforB) // true console.log(Symbol.keyFor(sforA)) // '123'

原型

属性

Symbol.prototype.constructor // 但是不可以new Symbol.prototype.description // 描述符 只读

方法

Symbol.prototype.toSource() // 不能使用 Symbol.prototype.toString() // 重写Object的toString Symbol.prototype.valueOf() // 重写Object的valueOf Symbol.prototype[@@toPrimitive]

Symbol的迭代

👏👏👏 Symbol在for in中不可枚举 Object.getOwnPropertyNames() 不会返回 symbol 对象的属性 能使用 Object.getOwnPropertySymbols() 得到Symbol

Symbols 与 JSON.stringify()

当使用 JSON.stringify() 时，以 symbol 值作为键的属性会被完全忽略

JSON.stringify({[Symbol("foo")]: "foo"}); // '{}'

Symbol的内置属性

共11个内置属性 但是这些内置对象的作用，仅仅是指向一个方法或属性 js引擎内部利用了Symbol的单一值的特性，使得这个属性不会被命名冲突

const Symbol = { hasInstance: Symbol('Symbol.hasInstance'), iterator: Symbol('iterator'), ... } Object[Symbol.hasInstance] = function() {} // 相当于是静态变量 统一管理 防止魔术字符串的问题出现