Symbol

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

变量定义

  • Symbol()

Symbol声明的变量都是唯一的

  1. let a1=Symbol();
  2. let a2=Symbol();
  4. console.log(a1===a2); //false
  • Symbol.for()

Symbol.for(str)首先会在全局中搜索有没有以该参数作为名称的Symbol值，如果有直接返回；如果没有，新建并返回一个以该字符串为名称的Symbol值。

  1. let a3=Symbol.for('a3');
  2. let a4=Symbol.for('a3');
  4. console.log(a3===a4); // true

遍历

  1. let a1=Symbol.for('abc');
  2. let obj={
  3.     [a1]:'123',
  4.     'abc':345,
  5.     'c':456
  6. };
  8. console.log('obj',obj); / /obj Object {abc: 345, c: 456, Symbol(abc): "123"}
  • for of

    使用for of不能遍历出Symbol定义的变量```jsfor(let [key,value] of Object.entries(obj)){console.log(‘let of’,key,value);}

// 输出：let of abc 345 let of c 456

  2. - **getOwnPropertySymbols()**
  3. > getOwnPropertySymbols()只获取Symbol定义的值
  4. ```js
  5. Object.getOwnPropertySymbols(obj).forEach(function(item){
  6.   console.log(obj[item]); //123
  7. })
  • ownKeys

    遍历出所有的值```jsReflect.ownKeys(obj).forEach(function(item){console.log(‘ownkeys’,item,obj[item]);})

// 输出：// ownkeys abc 345// ownkeys c 456// ownkeys Symbol(abc) 123

  2. ## iterator
  3. > for-of 语句，它首先调用被遍历集合对象的Symbol.iterator() 方法，该方法返回一个迭代器对象，迭代器对象可以是拥有 .next 方法的任何对象；然后，在 for-of 的每次循环中，都将调用该迭代器对象上的 .next 方法。
  5. ```javascript
  6. {
  7.   let arr=['hello','world'];
  8.   // 下面这种写法 数组直接调用Symbol.iterator这个接口，这个接口是数组内部已经帮我们实现了的，我们直接调用即可。
  9.   let map=arr[Symbol.iterator]();
  11.   console.log(map.next());
  12.   console.log(map.next());
  13.   console.log(map.next());
  14.   // 输出结果：done是ture表示没有下一步了，如果是false说明循环并没有结束
  15.   // Object {value: "hello", done: false}
  16.   // Object {value: "world", done: false}
  17.   // Object {value: undefined, done: true}
  18. }
  20. {
  21.   //数组索引是从0开始，内置了iterator接口，但是Object并没有帮我们部署Iterator接口。
  22.   //对对象 自定义iterator接口，使其可以实现for of循环
  23.   let obj={
  24.     start:[1,3,2],
  25.     end:[7,9,8],
  26.     [Symbol.iterator](){
  27.       let self=this;
  28.       let index=0;
  29.       //start 和 end 合并成一个数组
  30.       let arr=self.start.concat(self.end);
  31.       let len=arr.length;
  32.       return {
  33.         next(){
  34.           if(index<len){
  35.             return {
  36.               value:arr[index++],
  37.               done:false
  38.             }
  39.           }else{
  40.             return {
  41.               value:arr[index++],
  42.               done:true
  43.             }
  44.           }
  45.         }
  46.       }
  47.     }
  48.   }
  49.   for(let key of obj){
  50.     console.log(key);
  51.   }
  52. }
  54. {
  55.   let arr=['hello','world'];
  56.   for(let value of arr){
  57.     console.log('value',value);
  58.   }
  59. }