TypeScript学习（九）Symbol和迭代器

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函数负责返回供迭代的值。

1for…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
}

2for…in语句也是遍历一个对象不过与for…of不同for…in循环遍历的是对象的键值。

const obj = {
    name: "str",
    value: 10
}

for(let key in obj) {
    console.log(key); // name value
}

3for…of和for…in的区别

• for…of遍历的是对象的值for…in遍历的是对象的键
• for…of只能遍历可迭代对象for…in可以操作任何对象