ES6新特性（四） Symbol和迭代器Iterator的使用

一、Symbol

　　应用场景：因为每一个 Symbol 的值都是不相等的，所以 Symbol 作为对象的属性名，可以保证属性不重名。

　　1.1. 什么是Symbol ?

　　　　1.1.1. Symbol是ES6中新增的原始数据类型，Symbol提供一种独一无二的值

　　　　　　比如：在js中声明一个变量a = 5;再声明一个变量b = 5; 虽然这两个变量名不同，但是值是相等的；使用Symbol声明的值不重复、不相等。

　　1.2. 如何使用Symbol。

1 //两个不同变量名的值是相等的
2 let a = 1;
3 let b = 1;
4 console.log(a===b);//true
5             
6 //如何使用Symbol声明一个独一无二的值
7 let c = Symbol('abc');
8 let d = Symbol('abc');
9 console.log(c===d);//false

　　1.3. Symbol.for()方法的使用

　　　　Symbol.for()方法：不同的变量，可以使用同一个Symbol值，Symbol.for()方法接收一个参数，然后查找是否有以该参数作为名称的Symbol值，如果有就返回这个Symbol值，否则就新建一个以该参数为名称的Symbol值。

1 //Symbol.for()方法的使用
2 let a = Symbol.for('abc');
3 let b = Symbol.for('abc');
4 console.log(a===b)//true

扫描二维码关注公众号，回复： 11125332 查看本文章

　　1.4. Symbol.keyFor()方法的使用

　　　　Symbol.keyFor() 返回一个已使用的 Symbol 类型值的key，用来检测该参数作为名称的 Symbol 值是否已被使用

1 //Symbol.keyFor()方法的使用
2 let a = Symbol.for('abc');
3 let b = Symbol.keyFor(a);
4 console.log(b);// abc

　　1.5. Symbol的应用场景：

　　　　作为对象的属性名

1 let a = Symbol.for('abc');
2             
3 let obj = {
4     [a]:123,
5     b:456
6 }
7 console.log(obj);//{b: 456, Symbol(abc): 123}

　　1.6. Symbol属性名获取值

　　　　当Symbol值为对象的属性名时，使用普通的遍历方法比如： entries()方法是获取不到Symbol属性名的。

　　　　Object.getOwnPropertySymbols()方法：接收一个对象参数，返回一个数组，只能获取到Symbol类型的属性名，普通的属性名获取不到。

　　　　Reflect.ownKeys()方法：同样也是接收一个对象参数，返回一个数组，不同的是：能获取对象中所有的属性名和所对应的值，包括Symbol变量的属性名。

　　　　两种遍历方法的使用：

 1 let a = Symbol.for('abc');
 2             
 3 let obj = {
 4     [a]:123,
 5     def:456
 6 }
 7             
 8 //Object.getOwnPropertySymbols()方法的使用
 9 let arr = Object.getOwnPropertySymbols(obj);
10 console.log(arr);// [Symbol(abc)]
11 arr.forEach(item =>{
12     //输出属性名和属性值
13     console.log(item,obj[item]);//键(key)：Symbol(abc) 值（value):123
14 })
15             
16 //Reflect.ownKeys()方法的使用
17 let arr2 = Reflect.ownKeys(obj);
18 console.log(arr2);//  ["def", Symbol(abc)]
19 arr2.forEach(item =>{                
20     //输出属性名和属性值
21     console.log(item , obj[item]);// def 456 | Symbol(abc) 123
22 })

二、Iterator迭代器的使用

　　2.1. Iterator是一个统一的接口，它的作用是使各种可遍历的数据结构能够被便捷的访问，它是通过一个键为Symbol.iterator 的方法来实现。

　　2.2. 使用Symbol.iterator()r遍历集合：

　　　　Symbol.iterator()方法返回一个对象，该对象有一个 next() 方法用于返回当前位置的对象，每个对象有两个key选项，分别是 value 和 done 。value对应的值是当前属性的值，done则表示是否遍历结束，done 的值为 true 时表示遍历结束。

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

ES6新特性（四） Symbol和迭代器Iterator的使用

猜你喜欢