文章目录
1.Symbol定义
自ECMAScript 2015起,symbol成为了一种新的原生类型。symbol类型是通过Symbol构造函数创建的,创建symbol类型的变量无需使用new关键字。
let symbol = Symbol();
let symbol2 = Symbol("str"); 也可以指定可选字符串
Symbol的值不可改变且唯一。
let symbol1 = Symbol("str");
let symbol2 = Symbol("str");
symbol1 === symbol2; // false
同字符串一样,symbol也可以被用做对象属性的键。
let symbol = Symbol();
const obj = {
[symbol]: "str"
};
console.log(obj[symbol]); // str
Symbols也可以与计算出的属性名声明相结合来声明对象的属性和类成员。
const symbol = Symbol();
class A {
[symbol]() {
return "str";
}
}
const a = new A();
a.[symbol](); // "str"
2.内置Symbols
除了用户定义的symbols,还有一些已经众所周知的内置symbols。 内置symbols用来表示语言内部的行为。
-
Symbol.hasInstance,方法,会被
instanceof
运算符调用。构造器对象用来识别一个对象是否是其实例。 -
Symbol.isConcatSpreadable,布尔值,表示当在一个对象上调用
Array.prototype.concat
时,这个对象的数组元素是否可展开。 -
Symbol.iterator,方法,被
for-of
语句调用。返回对象的默认迭代器。 -
Symbol.match,方法,被
String.prototype.match
调用。正则表达式用来匹配字符串。 -
Symbol.replace,方法,被
String.prototype.replace
调用。正则表达式用来替换字符串中匹配的子串。 -
Symbol.search,方法,被
String.prototype.search
调用。正则表达式返回被匹配部分在字符串中的索引。 -
Symbol.species,函数值,为一个构造函数。用来创建派生对象。
-
Symbol.split,方法,被
String.prototype.split
调用。正则表达式来用分割字符串。 -
Symbol.toPrimitive,方法,被
ToPrimitive
抽象操作调用。把对象转换为相应的原始值。 -
Symbol.toStringTag,方法,被内置方法
Object.prototype.toString
调用。返回创建对象时默认的字符串描述。 -
Symbol.unscopables,对象,它自己拥有的属性会被
with
作用域排除在外。
3.迭代器
当一个对象实现了Symbol.iterator属性时,我们认为它是可迭代的。对象上的Symbol.iterator函数负责返回供迭代的值。
(1)for…of语句
for…of会遍历可迭代对象,调用对象上的Symbol.iterator方法。
const arr = [1,2,3,4,5];
for(let item of arr) {
console.log(item); // 1,2,3,4,5
}
(2)for…in语句,也是遍历一个对象,不过与for…of不同,for…in循环遍历的是对象的键值。
const obj = {
name: "str",
value: 10
}
for(let key in obj) {
console.log(key); // name value
}
(3)for…of和for…in的区别
- for…of遍历的是对象的值,for…in遍历的是对象的键
- for…of只能遍历可迭代对象,for…in可以操作任何对象