TypeScript 4.8 Beta 面世，装饰器和类型收窄登场！

在最近的版本中，TypeScript 继续保持其不断进步的势头。4.8 Beta 版带来了一系列令人兴奋的新特性，进一步提升了 TypeScript 的实用性和灵活性。

其中，装饰器无疑是最引人注目的功能之一。装饰器是一种元编程技术，允许我们在运行时修改类的行为。这可以极大地提高代码的可重用性和可维护性。例如，我们可以使用装饰器来添加日志记录、性能分析或安全检查等功能，而无需修改类的源代码。

类型收窄是另一个备受期待的功能。类型收窄允许我们在运行时缩小变量的类型范围。这可以使我们的代码更加安全和可靠。例如，我们可以使用类型收窄来确保函数的参数类型符合预期的类型。

此外，模板字符串类型也得到了一项新特性——infer。infer 允许我们从模板字符串中提取类型信息。这可以使我们更加轻松地编写泛型代码。例如，我们可以使用 infer 来编写一个函数，该函数可以接受任何类型的数组作为参数，并返回该数组的元素类型。

TypeScript 4.8 Beta 还带来了一些其他改进，包括对模块系统的改进、对错误信息的改进以及对性能的改进。这些改进使 TypeScript 成为一个更加强大和易用的语言。

如果你是一名 TypeScript 开发者，那么我强烈建议你尝试 TypeScript 4.8 Beta。这些新特性可以帮助你编写更加高效、健壮和可维护的代码。

以下是一些关于 TypeScript 4.8 Beta 新特性的示例：

装饰器

@log
class MyClass {
  public name: string;

  constructor(name: string) {
    this.name = name;
  }

  public greet() {
    console.log(`Hello, ${this.name}!`);
  }
}

function log(target: any) {
  // 在类被实例化时打印日志
  console.log(`Class ${target.name} is being instantiated.`);

  // 在类的方法被调用时打印日志
  const originalMethod = target.prototype.greet;
  target.prototype.greet = function () {
    console.log(`Calling method greet on ${target.name}.`);
    originalMethod.call(this);
  };
}

const myClassInstance = new MyClass('John');
myClassInstance.greet();

类型收窄

function addNumbers(a: number | string, b: number | string): number | string {
  if (typeof a === 'number' && typeof b === 'number') {
    return a + b;
  } else {
    return `${a}${b}`;
  }
}

const result1 = addNumbers(1, 2); // 3
const result2 = addNumbers('1', '2'); // '12'

模板字符串类型

type MyArray<T> = T[];

const numbers: MyArray<number> = [1, 2, 3];
const strings: MyArray<string> = ['a', 'b', 'c'];