ES6新增基本数据类型——Symbol学习总结

174 阅读2分钟

新增原因

避免对象命名冲突。

声明方法

通过Symbol()函数声明

  1. 不传参数
var symbol = Symbol()
typeof symbol // 'symbol'
  1. 为了方便区分Symbol变量,可以传递字符串作为参数
var symbol1 = Symbol('foo')
var symbol2 = Symbol('bar')
symbol1 //Symbol('foo')
symbol2 // Symbol('bar')
  1. 参数是一个对象,会调用对象的toString()方法
var obj = {a : 1}
var symbol = Symbol(obj)
symbol // Symbol([object Object])
  • 注意
  1. 相同参数的Symbol函数的返回值是不相等的。
  2. Symbol 值不能与其他类型的值进行运算。
  3. Symbol值可以显示的转化为字符串
let sym = Symbol('sy1')
String(sym) // 'Symbol(sy1)'
sym.toString()//'Symbol(sy1)'
  1. Symbol值可以转化为布尔值
let sym = Symbol()
Boolean(sym) //true
!sym // false

对象的Symbol属性的遍历

Symbol 作为属性名,该属性不会出现在for...in、for...of循环中,也不会被Object.keys()、Object.getOwnPropertyNames()、JSON.stringify()返回。但是,它也不是私有属性,有一个Object.getOwnPropertySymbols方法,可以获取指定对象的所有 Symbol 属性名。

Object.getOwnPropertySymbols() 返回一个数组

var sym1 = Symbol(1)
var sym2 = Symbol(2)
var objnew = {[sym1]:1,[sym2]:2}
for(key in objnew){
  console.log(key)
}//什么都没有输出
var objSym = Object.getOwnPropertySymbols()
// objSym [Symbol(1), Symbol(2)]

Reflect.ownKeys()返回所有类型的键名,包括常规键名和 Symbol 键名组成的数组。

let obj = {
  [Symbol('key')]: 1,
  num: 2,
  count: 3
}
Reflect.ownKeys(obj) // ["num", "count", Symbol(key)]

使用场景一

防止对象的命名冲突

var symbol1 = Symbol('test')

//第一种
var obj = {}
obj[symbol1] = 'I am a symbol'

//第二种
var obj = {
    [symbol1] : 'I am a symbol'
}

//第三种
var obj = {}
Object.defineProperty(obj, symbol1, {value : 'I am a symbol'})

//访问方式 !!!
obj[symbol1] //'I am a symbol'

使用场景二

由于以 Symbol 值作为名称的属性,不会被常规方法遍历得到。我们可以利用这个特性,为对象定义一些非私有的、但又希望只用于内部的方法。

Symbol.for()

它接受一个字符串作为参数,然后搜索有没有以该参数作为名称的 Symbol 值。

let s1 = Symbol.for('foo');
let s2 = Symbol.for('foo');

s1 === s2 // true

Symbol.keyFor()

let s1 = Symbol.for("foo");
Symbol.keyFor(s1) // "foo"

let s2 = Symbol("foo");
Symbol.keyFor(s2) // undefined