[ES6]Symbol学习

学习内容：掌握ES6 Symbol基本用法

概述

Symbol是ES6新引入的一种数据类型（其余数据类型： undefined, null, Boolean, String, Number, Object ），含义为独一无二不重复的值。

let s1 = Symbol('f1') s1 // Symbol('f1')

let s1 = Symbol('f1')
s1 // Symbol('f1')

直接使用Symbol函数即可生成一个Symbol，无需使用new命令（会报错），可以直接使用字符串作为参数，该参数只是作为Symbol标识，具有相同标识的Symbol数据也并不相等（Symbol特点独一无二）。

// 没有参数的情况
let s1 = Symbol();
let s2 = Symbol();

s1 === s2 // false

// 有参数的情况
let s1 = Symbol('name');
let s2 = Symbol('name');

s1 === s2 // false

用途

1.作为对象属性

由于Symbol的独特，可以作为对象属性，可以避免被覆盖。收集Symbol作为对象属性三种写法

let mySymbol = Symbol();

// 第一种
let a = {};
a[mySymbol] = 'Hello!';

// 第二种
let a = {
  [mySymbol]: 'Hello!'
};

// 第三种
let a = {};
Object.defineProperty(a, mySymbol, { value: 'Hello!' });

// 以上写法都得到同样结果
a[mySymbol] // "Hello!"

Symbol值作为属性时需要像字符串一样放到[]中此外，Symbol值作为属性时，无法通过常用的如 Object.keys, for...of..., Object.getOwnPropertyName等方法获取到，想要获取对象的Symbol属性，需要使用特定的Object.getOwnPropertySymbols方法。

let mySymbol = Symbol('s')
let s1 = {
    a:1,
    b:'二',
    [mySymbol]: 'onlyOne'
}
let result1 = Object.keys(s1)

// for in
for(let i in s1) {
    console.log(i)
    // a b
}
// Object.keys
console.log(Object.keys(s1)) //[ 'a', 'b' ]
// JSON.stringfy
console.log(JSON.stringify(s1)) //{"a":1,"b":"二"}

// Object.getOwnPropertySymbols
console.log(Object.getOwnPropertySymbols(s1)) //[ Symbol(s) ]

2. 重复使用同一个Symbol

如果需要重复使用同一个Symbol值，可以使用Symbol.for方法创建Symbol值，之后通过标识判断。 Symbol.for()与Symbol()这两种写法，都会生成新的 Symbol。它们的区别是，前者会被登记在全局环境中供搜索，后者不会。Symbol.for()不会每次调用就返回一个新的 Symbol 类型的值，而是会先检查给定的key是否已经存在，如果不存在才会新建一个值。比如，如果你调用Symbol.for("cat")30 次，每次都会返回同一个 Symbol 值，但是调用Symbol("cat")30 次，会返回 30 个不同的 Symbol 值。

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

3. 实现私有属性

1.使用字符串或下划线，只能通过字段判断，不是真正的私有属性

var Person = (function() {
    let _name = `_name`
    // 或者 let name = 'shfjkshfkjsjkf'
    function Person(name) {
        this[_name] = name;
    }

    Person.prototype.getName = function() {
        return this[_name];
    };

    return Person;
}());

闭包闭包内私有属性无法清除，造成内存浪费

var Person = (function() {
    function Person(name) {
        this.getName = function() {
            return name;
        };
    }

    return Person;
}());

使用Symbol 除非用特定的Object.getOwnPropertySymbols获取，否则可以作为私有属性

var Person = (function() {
    var nameSymbol = Symbol('name');
    function Person(name) {
        this[nameSymbol] = name;
    }
    Person.prototype.getName = function() {
        return this[nameSymbol];
    };
    return Person;
}());

WeakMap 保存所有对象的私有属性和方法