TypeScript 迭代器与装饰器

TypeScript 作为 JavaScript 的一个超集，提供了许多高级特性来增强代码的可读性、可维护性和类型安全性。在本文中，我们将探讨两个这样的特性：迭代器和装饰器。迭代器允许我们以一致的方式遍历数据集合，而装饰器则提供了一种特殊的方式来修改类的行为。

迭代器（Iterators）

迭代器是一种允许我们遍历集合对象的接口。在 TypeScript 中，迭代器是实现了 Iterable 接口的对象。这意味着对象可以被 for...of 循环迭代。

基本语法

var array = ['a', 'b', 'c'];
for (let item of array) {console.log(item);
}

在这个例子中，数组 array 是一个可迭代对象，我们可以使用 for...of 循环来迭代数组中的每个元素。

索引迭代

除了使用迭代器外，我们还可以使用传统的 for...in 循环来迭代数组的索引。

for (const index in array) {console.log(index);
}

这将输出数组中每个元素的索引。

自定义迭代器

我们可以创建自定义的迭代器来遍历我们自己的数据结构。

class MyIterable {*[Symbol.iterator]() {for (let i = 0; i < 3; i++) {yield i;}}
}const myIterable = new MyIterable();
for (let item of myIterable) {console.log(item);
}

在这个例子中，我们定义了一个 MyIterable 类，它有一个自定义的迭代器，使用 yield 关键字来生成值。

装饰器（Decorators）

装饰器是一种特殊类型的声明，它能够被附加到类声明、方法、访问符、属性或参数上。装饰器使用 @expression 这种形式，其中 expression 求值后必须为一个函数，它会在运行时被调用。

类装饰器

类装饰器在类构造函数执行之前被调用。

function classConstructorLog(constructor: Function) {console.log("装饰器被调用", constructor);return class extends constructor {other = 'other';};
}@classConstructorLog
class MyObject {data: string;constructor() {this.data = "data";console.log("My Object的构造函数");}
}var obj = new MyObject();
console.log(obj);

在这个例子中，classConstructorLog 是一个类装饰器，它在 MyObject 类的构造函数执行之前被调用。

方法装饰器

方法装饰器在方法被定义之前被调用。

function helloWorld(target: any, propertyKey: string, desc: PropertyDescriptor) {console.log("helloWorld");console.log(target, propertyKey, desc);
}class People {@helloWorldsayHi() {console.log("Hi");}
}var p = new People();
p.sayHi();

在这个例子中，helloWorld 是一个方法装饰器，它在 People 类的 sayHi 方法被定义之前被调用。

属性装饰器

属性装饰器在属性被定义之后被调用。

function logFunction(target: any, propertyKey: string, descriptor: PropertyDescriptor) {console.log("logFunction");console.log(target, propertyKey, descriptor);descriptor.writable = false;
}class Rect {private _width: number = 0;@logFunctionset width(w: number) {this._width = w;}
}