Symbol ES6 【7】大数据类型

原始数据类型

1. undefined
2. null
3. 布尔值（Boolean）
4. 字符串（String）
5. 数值（Number）
6. Symbol

引用数据类型

1. 对象（Object）

Symbol

ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。

创建方式

1. Symbol()
2. Symbol(参数)

注意

• Symbol函数前不能使用new命令，否则会报错。这是因为生成的 Symbol 是一个原始类型的值，不是对象。也就是说，由于 Symbol 值不是对象，所以不能添加属性。基本上，它是一种类似于字符串的数据类型。
• Symbol函数可以接受一个字符串作为参数，表示对 Symbol 实例的描述，主要是为了在控制台显示，或者转为字符串时，比较容易区分。

由来

ES5 对象属性名 都是 字符串 容易造成属性名的 冲突 。

var obj = { info:'Hello' };

obj.info = 'World';

console.log(obj.info); # World
console.log(obj['info']); # World

可见info属性被重写。

凡是属性名属于 Symbol 类型，就都是独一无二的，可以保证不会与其他属性名产生冲突。

Symbol() === Symbol()  # false

Symbol('info') === Symbol('info')  # false

应用

注意

• Symbol 值不能与其他类型的值进行运算，会报错。

let sym = Symbol('My symbol');

"your symbol is " + sym
// TypeError: can't convert symbol to string
`your symbol is ${sym}`
// TypeError: can't convert symbol to string

1. 作为属性名的Symbol

let sym = Symbol('My symbol');

let obj = {};
obj.name = 'Hello';
obj[sym] = 'World';
console.log(obj); # { name: 'Hello', [Symbol(My symbol)]: 'World' }

• Symbol值作为对象属性名时，不能用点运算符。

let name = Symbol('My symbol');

let obj = {};
obj.name = 'Hello';
obj[name] = 'World';
console.log(obj); # { name: 'Hello', [Symbol(My symbol)]: 'World' }

console.log(obj.name); # Hello
console.log(obj[name]); # World

console.log(Object.keys(obj)); # [ 'name' ]
console.log(Object.getOwnPropertyNames(obj)); # [ 'name' ]
console.log(Object.getOwnPropertySymbols(obj)); # [ Symbol(My symbol) ]

• 可以看到Object.keys()和Object.getOwnPropertyNames()无法获取到Symbol属性
• 可以通过Object.getOwnPropertySymbols()方法获取Symbol属性

Reflect.ownKeys

新的 API，Reflect.ownKeys()方法可以返回所有类型的键名，包括常规键名和 Symbol 键名。

for(let key of  Reflect.ownKeys(obj)){
    console.log(key,obj[key]);
}

# name Hello
# Symbol(My symbol) World

• 通过键名我们可以获取到Symbol为属性名对应的属性值

Symbol.for()

Symbol.for()与Symbol()这两种写法，都会生成新的 Symbol。
它们的区别是，前者会被登记在全局环境中供搜索，后者不会。
Symbol.for()不会每次调用就返回一个新的 Symbol 类型的值，而是会先检查给定的key是否已经存在，如果不存在才会新建一个值。
比如，如果你调用Symbol.for(“cat”)30 次，每次都会返回同一个 Symbol 值，但是调用Symbol(“cat”)30 次，会返回 30 个不同的 Symbol 值。

Symbol.for("bar") === Symbol.for("bar")
// true

Symbol("bar") === Symbol("bar")
// false

• 由于Symbol()写法没有登记机制，所以每次调用都会返回一个不同的值。
• Symbol.for()为 Symbol 值登记的名字，是全局环境的，不管有没有在全局环境运行。

function foo() {
  return Symbol.for('bar');
}

const x = foo();
const y = Symbol.for('bar');
console.log(x === y); // true

• Symbol.for(‘bar’)是函数内部运行的，但是生成的 Symbol 值是登记在全局环境的。所以，第二次运行Symbol.for(‘bar’)可以取到这个 Symbol 值。

Symbol.keyFor()

Symbol.keyFor()方法返回一个已登记的 Symbol 类型值的key。

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

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

• 变量s2属于未登记的 Symbol 值，所以返回undefined。