ES6新特性教程（Symbol）

ES6新特性教程（Symbol）

• Symbol

1. Symbol数据类型： 表示独一无二的值
2. 七种数据类型：undefined、null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）、Symbol
3. 对象的属性名现在可以有两种类型，一种是原来就有的字符串，另一种就是新增的 Symbol 类型,性名属于 Symbol 类型，就都是独一无二的，可以保证不会与其他属性名产生冲突
4. Symbol函数前不能使用new命令，否则会报错。这是因为生成的 Symbol 是一个原始类型的值，不是对象。也就是说，由于 Symbol 值不是对象，所以不能添加属性。基本上，它是一种类似于字符串的数据类型
5. 用法：

let s1 = Symbol()
传入一个可选的字符串参数
let s2 = Symbol('another symbol')
typeof s1  // 'symbol'   是symbol类型

let s1 = Symbol()
let s2 = Symbol('another symbol')
let s3 = Symbol('another symbol')

s1 === s2 // false
s2 === s3 // false    //symbol是唯一的，不相等

1. 使用Symbol来作为对象属性名(key)
const PROP_NAME = Symbol()
const PROP_AGE = Symbol()

let obj = {
  [PROP_NAME]: "一斤代码"
}
obj[PROP_AGE] = 18

obj[PROP_NAME] // '一斤代码'
obj[PROP_AGE] // 18

2. 使用Symbol来替代常量
const TYPE_AUDIO = Symbol()
const TYPE_VIDEO = Symbol()
const TYPE_IMAGE = Symbol()

3.使用Symbol定义类的私有属性/方法
在文件 a.js中
const PASSWORD = Symbol()

class Login {
  constructor(username, password) {
    this.username = username
    this[PASSWORD] = password
  }

  checkPassword(pwd) {
      return this[PASSWORD] === pwd
  }
}

export default Login


在文件 b.js 中
import Login from './a'

const login = new Login('admin', '123456')

login.checkPassword('123456')  // true

login.PASSWORD  // oh!no!
login[PASSWORD] // oh!no!
login["PASSWORD"] // oh!no!

由于Symbol常量PASSWORD被定义在a.js所在的模块中，外面的模块获取不到这个Symbol，也不可能再创建一个一模一样的Symbol出来（因为Symbol是唯一的），因此这个PASSWORD的Symbol只能被限制在a.js内部使用，所以使用它来定义的类属性是没有办法被模块外访问到的，达到了一个私有化的效果。

通常情况下，我们在一个浏览器窗口中（window），使用Symbol()函数来定义和Symbol实例就足够了。但是，如果你的应用涉及到多个window（最典型的就是页面中使用了<iframe>），并需要这些window中使用的某些Symbol是同一个，那就不能使用Symbol()函数了，因为用它在不同window中创建的Symbol实例总是唯一的，而我们需要的是在所有这些window环境下保持一个共享的Symbol。这种情况下，我们就需要使用另一个API来创建或获取Symbol，那就是Symbol.for()，它可以注册或获取一个window间全局的Symbol实例。

注册和获取全局Symbol
let gs1 = Symbol.for('global_symbol_1')  //注册一个全局Symbol
let gs2 = Symbol.for('global_symbol_1')  //获取全局Symbol

gs1 === gs2  // true

• Symbol.for和 Symbol.keyFor
  Symbol.for和Symbol的唯一区别是 Symbol.for创建的两个实例可能相等， 根据Symbol的参数生成实例， 如果参数一样， 那么会返回同一个实例

let foo = Symbol.for( "1111" );
let bar = Symbol.for("1111");
console.log( foo === bar );  //输出： true
//只有通过Symbol.for创建的对象，才能用keyFor找到原来的参数；
console.log(Symbol.keyFor(foo)) //会输出：1111

• Symbol的属性以及这些属性的用处

1. Symbol.prototype: Symbol有指向的原型

console.log(Symbol.prototype); //输出Symbol的原型

2. Symbol.length: Symbol的length为1， 也就是说调用Symbol需要一个参数， 当然不给参数也没啥事
3. Symbol.Iterator：对象的Symbol.Iterator属性， 指向这个对象的默认遍历器

var myIterable = {};
myIterable[Symbol.iterator] = function* () {
    yield 1;
    yield 2;
    yield 3;
};
console.log([...myIterable]); // [1, 2, 3]