一道题开始认识Symbol

1.const [a, b] = { a: 100, b: 200 } 2.console.log(a) 3.console.log(b) 如何在不改变1的情况下，让代码不报错

Object.prototype[Symbol.iterator] = function(){     return Object.values(this)[Symbol.iterator] } const [a, b] = { a: 100, b: 200 } console.log(a) console.log(b)

symbol属性值对应的值是唯一的，这解决了命名冲突的问题，类似于id的作用。 symbol值不能与其他数据进行计算，包括与字符串拼接。 for/in ，for/of遍历时不会遍布symbol属性 这样看是不是觉得没什么特别的？最多也就弥补了命名冲突的问题。

直接let s = Symbol();测试s就是Symbol类型了。怎么说他是唯一的呢？ let s = Symbol(); let ss = Symbol(); s == ss ; 结果是false；或者 let s = Symbol('a'); let ss = Symbol('a'); s == ss ; 结果是false  有人会好奇Symbol('a')里面的参数a又是怎么回事呢？字符串a表示一种修饰，对你当前创建的Symbol类型的一种修饰，作为区分使用，否则当你创建多个Symbol数据时，容易混淆。  现在我们回过头说Iterotor是symbol的内置符号，而字符串a是自定义的符号。

在Js中迭代器对象实现了可迭代协议，迭代器对象由Symbol.iterator属性的值返回。 Symbol.iterator属性的值是一个函数，它返回一个迭代器对象。 迭代器指的是拥有next方法的对象。 该next方法必须返回一个带有value和done的对象。

let o={x:1,y:2,z:3}; for(let element of o){//抛出TypeError,因为o不是迭代的对象     console.log(element); }

let o={x:1;y:2,z:3}; let keys=""; for(let k of Object .keys(o)){     keys+=k; } console.log(keys) //x y z /*这是因为Object.keys()返回一个对象属性名的数组，而数组是通过for/of来迭代的。也要注意，这种对象的键的迭代并不是实时的，在循环体内修改o不会影响迭代。如果你不在乎对象的属性，也可以像下面这样迭代每个键对应的值： */ let o={x:1;y:2,z:3}; let sum=0; for(let v of Object .values(0)){     sum+=v; } console.log(sum) //6 如果你即想要对象的属性还想要属性的值，可以基于Object.entries()和解构赋值来使用for/of： let pairs=""; for(let [k , v] of Object .entries(o)){     pairs+=k + v; } console.log(pairs)//x 1 y 2 z 3 Object .entries()返回一个数组的数组，其中每个内部数组表示对象的一个属性的键值对。这里使用解构赋值把这些内部数组分开并且分别把它们的元素赋值给两个变量。

var arr = [1,2,3,4]; let iterator = arr[Symbol.iterator]();   console.log(iterator.next());  //{ value: 1, done: false } console.log(iterator.next());  //{ value: 2, done: false } console.log(iterator.next());  //{ value: 3, done: false } console.log(iterator.next());  //{ value: 4, done: false } console.log(iterator.next());  //{ value: undefined, done: true }

let obj = {     data: [ 'hello', 'world' ],     [Symbol.iterator]() {         const self = this;         let index = 0;         return {             next() {                 if (index < self.data.length) {                     return {                         value: self.data[index++],                         done: false                     };                 } else {                     return { value: undefined, done: true };                 }             }         };     } };

fakeArray.prototype[Symbol.iterator] = Array.prototype[Symbol.iterator];

var yieldIterator = {}; yieldIterator[Symbol.iterator] = function* () {     yield 1;     yield 2;     yield 3; };   [...yieldIterator] // [1, 2, 3] 　　注意，yield* 后面跟的是一个可遍历的结构，它会调用该结构的遍历器接口。

for...of Array.from() Map(), Set(), WeakMap(), WeakSet()（比如） Promise.all() Promise.race()