TypeScript学习(九)Symbol和迭代器

时间:2023-01-13 07:54:17

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可以操作任何对象