面试题：TypeScript迭代器与生成器类型约束在性能优化与可扩展性方面的实践

整体技术方案

利用类型约束避免内存泄漏：
- 在 TypeScript 中，明确指定迭代器和生成器操作的数据类型。例如，如果生成器产生的是用户数据对象，定义一个严格的接口来描述该对象结构。
- ```
interface User {
  id: number;
  name: string;
}
```
- 对于迭代器，确保其返回值类型的一致性。这样，编译器可以在编译阶段检查类型错误，避免在运行时因错误的类型操作导致内存泄漏。例如，如果迭代器应该返回数字类型，但错误地返回了字符串类型，TypeScript 编译器会报错。
提高数据处理效率：
- 利用生成器的惰性求值特性。生成器不会一次性生成所有数据，而是按需生成，这在大数据量场景下能显著减少内存占用。
- ```
function* bigDataGenerator() {
  for (let i = 0; i < 1000000; i++) {
    yield i;
  }
}
const gen = bigDataGenerator();
let value = gen.next();
while (!value.done) {
  // 处理 value.value
  value = gen.next();
}
```
- 通过类型约束，可以优化编译器的优化策略，使得生成的 JavaScript 代码在运行时更高效。例如，明确数字类型可以让编译器针对数字运算进行优化。
系统扩展性设计：
- 采用模块化设计。将不同的数据处理逻辑封装到独立的模块中，每个模块可以通过迭代器和生成器进行数据交互。例如，有一个数据清洗模块、一个数据分析模块等。
- ```
// dataCleaningModule.ts
import { User } from './types';
function* cleanUserData(data: Generator<User>) {
  while (true) {
    const { value, done } = data.next();
    if (done) break;
    // 数据清洗逻辑
    if (value.name) {
      yield { ...value, name: value.name.trim() };
    }
  }
}
```
- 设计可插拔的组件。当有新的功能需求时，可以轻松地添加新的模块或替换现有模块，而不影响其他部分的代码。例如，添加一个新的数据加密模块，只需要在数据处理流程中合适的位置插入该模块的迭代器或生成器即可。

关键部分 TypeScript 代码示例

生成器示例：

interface DataItem {
  key: string;
  value: number;
}
function* dataGenerator(): Generator<DataItem> {
  const data = [
    { key: 'a', value: 1 },
    { key: 'b', value: 2 },
    { key: 'c', value: 3 }
  ];
  for (const item of data) {
    yield item;
  }
}
const dataGen = dataGenerator();
let dataValue = dataGen.next();
while (!dataValue.done) {
  console.log(dataValue.value);
  dataValue = dataGen.next();
}

迭代器示例：

class DataCollection {
  private data: number[];
  constructor() {
    this.data = [1, 2, 3, 4, 5];
  }
  [Symbol.iterator](): Iterator<number> {
    let index = 0;
    return {
      next(): { value: number | undefined; done: boolean } {
        if (index < this.data.length) {
          return { value: this.data[index++], done: false };
        }
        return { value: undefined, done: true };
      }
    };
  }
}
const collection = new DataCollection();
for (const num of collection) {
  console.log(num);
}

星途面试题库

面试题：TypeScript迭代器与生成器类型约束在性能优化与可扩展性方面的实践

知识考点

面试题答案

整体技术方案

关键部分 TypeScript 代码示例