ES6的Symbol

let s = Symbol();
alert(typeof(s));

// Symbol函数可以接受一个字符串作为参数,表示对 Symbol 实例的描述,主要是为了在控制台显示,或者转为字符串时,比较容易区分。

let s1 = Symbol('foo');
let s2 = Symbol('bar');

// s1 // Symbol(foo)
// s2 // Symbol(bar)

alert(s1.toString()); // "Symbol(foo)"
alert(s2.toString()); // "Symbol(bar)"


// s1和s2是两个 Symbol 值。如果不加参数,它们在控制台的输出都是Symbol(),不利于区分。有了参数以后,就等于为它们加上了描述,输出的时候就能够分清,到底是哪一个值。
// Symbol函数的参数只是表示对当前 Symbol 值的描述,因此相同参数的Symbol函数的返回值是不相等的。

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

// s1 === s2 // false

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

// s1 === s2 // false


// Symbol 值作为对象属性名时,不能用点运算符。
const mySymbol = Symbol();
const a = {};
a.mySymbol = 'Hello!';
a[mySymbol] // undefined
a['mySymbol'] // "Hello!"
// 上面代码中,因为点运算符后面总是字符串,所以不会读取mySymbol作为标识名所指代的那个值,导致a的属性名实际上是一个字符串,而不是一个 Symbol 值。


// 同理,在对象的内部,使用 Symbol 值定义属性时,Symbol 值必须放在方括号之中。

let s = Symbol();
let obj = {
[s]: function (arg) { ... }
};
obj[s](123);
// 上面代码中,如果s不放在方括号中,该属性的键名就是字符串s,而不是s所代表的那个 Symbol 值。

// Symbol.for(),Symbol.keyFor()
// 有时,我们希望重新使用同一个 Symbol 值,Symbol.for方法可以做到这一点。它接受一个字符串作为参数,然后搜索有没有以该参数作为名称的 Symbol 值。如果有,就返回这个 Symbol 值,否则就新建并返回一个以该字符串为名称的 Symbol 值。

let s3 = Symbol.for('foo');
let s4 = Symbol.for('foo');

alert(s3 === s4 );// true


// 上面代码中,s1和s2都是 Symbol 值,但是它们都是同样参数的Symbol.for方法生成的,所以实际上是同一个值。

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

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

alert(Symbol("bar") === Symbol("bar"));
// false
// 上面代码中,由于Symbol()写法没有登记机制,所以每次调用都会返回一个不同的值。

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

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

let s2 = Symbol("foo");
alert(Symbol.keyFor(s2)); // undefined
// 上面代码中,变量s2属于未登记的 Symbol 值,所以返回undefined。


// 需要注意的是,Symbol.for为 Symbol 值登记的名字,是全局环境的,可以在不同的 iframe 或 service worker 中取到同一个值。

iframe = document.createElement('iframe');
iframe.src = String(window.location);
document.body.appendChild(iframe);

alert(iframe.contentWindow.Symbol.for('foo') === Symbol.for('foo'));
// true
// 上面代码中,iframe 窗口生成的 Symbol 值,可以在主页面得到。

原文地址:https://www.cnblogs.com/qdcnbj/p/8342687.html