ES6中的symbol是什么

ES6中的symbol是什么

最近学习es6语法过程中发现一种从未见过的数据类型。在js中常见的有六种数据类型，分别是 undefined 、number 、boolean、string、object、function。在ES6里面引入一种新的数据类型用来表示独一无二的值，就是symbol类型。它可用作对象的唯一属性名，这样其他人就不会改写或覆盖你设置的属性值。

symbol的声明

symbol和其他几种数据类型不同，symbol没有字面量的写法也不可以使用new关键字创建。具体声明方法如下。

var s1 = Symbol('id1');
console.log(typeof s1);//symbol

一个symbol类型的变量使用typeof 返回值是字符串symbol,并且symbol不能与其他数据类型的值进行计算。

参数特点

Symbol的参数一般会存放一个字符串 用来标识不同的值,如果Symbol的参数是一个对象,那么就会调用该对象的toString方法,将其转换成字符串,然后在生成一个Symbol值。

var s1 = Symbol('id1');
var s2 = Symbol('id1');
console.log(s1 == s2);//false
var s3 = Symbol({});
console.log(s3);//Symbol([object Object])

Symbol里面的参数是表示当前这个Symbol值的描述，即便参数相同这两个Symbol值也不会相同。

用法及特点

Symbol 作为对象属性名时不能用.运算符，要用方括号。因为.运算符后面是字符串，所以取到的是字符串 sy 属性，而不是 Symbol 值 sy 属性。

let syObject = {};
syObject[sy] = "kk";
syObject[sy];  // "kk"
syObject.sy;   // undefined

注意点：Symbol属性不能被枚举，也就是说不能通过 for…in、Object.keys() 、Object.getOwnPropertyNames() 方法返回。

const sy = Symbol(666);
var obj = {
     a: 12,
     b: 3,
     [sy]: 3
}
for(var key in obj) {
    console.log(key);//a   b
}
console.log(Object.keys(obj));//返回array对象，其中只有a，b两个值

如果要读取到一个对象的Symbol 属性，可以通过 Object.getOwnPropertySymbols()取到。Object.getOwnPropertySymbols可以获取符号的属性名 返回的是一个数组。

const sy = Symbol(666);
var obj = {
     a: 12,
     b: 3,
     [sy]: 3
}
const syb = Object.getOwnPropertySymbols(obj);
console.log(syb);//返回array对象，其中存放一个值Symbol(666)
console.log(syb[0] == sy);//true

特有方法Symbol.for和Symbol.keyFor()

Symbol里面提供了一个for方法，这个方法是以一个字符串作为参数，首先会在全局搜索被注册的 Symbol 中是否有该字符串参数作为名称的 Symbol 值，如果有即返回该 Symbol 值，若没有则新建并返回一个以该字符串参数为名称的 Symbol 值，并注册在全局环境中供搜索。

let yellow = Symbol("Yellow");
let yellow1 = Symbol.for("Yellow");
yellow === yellow1;      // false

let yellow2 = Symbol.for("Yellow");
yellow1 === yellow2;     // true

Symbol.keyFor方法 是返回一个已登记的Symbol标识字符串，如果有登记，就返回对应的字符串，没有登记，就返回undefined

var s = Symbol.for("f");
console.log(Symbol.keyFor(s));//f
var s3 = Symbol("foo");
console.log(Symbol.keyFor(s3));//undefined