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;}
}
在这个例子中，logFunction 是一个属性装饰器，它在 Rect 类的 width 属性被定义之后被调用。
结论
迭代器和装饰器是 TypeScript 提供的两个强大的特性，它们允许我们以更灵活和强大的方式来编写代码。迭代器提供了一种一致的方式来遍历数据集合，而装饰器则提供了一种特殊的方式来修改类和方法的行为。这些特性使得 TypeScript 成为一个功能丰富的语言，适合用于大型和复杂的应用程序开发。
希望这篇文章能帮助你更好地理解和使用 TypeScript 的迭代器和装饰器。如果你有任何问题或想要进一步探讨，欢迎在评论区留下你的想法！