TypeScript 5.0 实战指南

TypeScript 5.0 引入了多项重要更新，本文将带你了解如何在项目中应用这些新特性。

装饰器的标准化

TypeScript 5.0 实现了 ECMAScript 装饰器标准：

function logged(value: Function, context: ClassMethodDecoratorContext) {
  return function (...args: any[]) {
    console.log('Calling method')
    return value.apply(this, args)
  }
}

const 类型参数

新的 const 修饰符允许更精确的类型推断：

function createArray<const T>(items: T[]): T[] {
  return items
}

const arr = createArray(['a', 'b']) // 类型为 readonly ['a', 'b']

extends 支持多配置文件

现在可以在 tsconfig.json 中扩展多个配置文件：

{
  "extends": ["@tsconfig/strictest/tsconfig.json", "../base.json"]
}

改进的类型缩小

TypeScript 5.0 改进了类型缩小的准确性，减少了不必要的类型断言。

性能提升

编译速度相比 4.x 版本提升了约 10-20%，大型项目将明显受益。