typescript 代码

TypeScript是一种静态类型的编程语言，它是JavaScript的超集。通过在JavaScript中添加类型注解，TypeScript可以提供更好的代码可读性和可维护性，并在编译时进行类型检查。以下是一些有用的TypeScript代码示例：

1. 使用typeof检查参数类型：

class Foo {
  bar() {
    return 'Hello World';
  }
}

class Bar {
  baz = '123';
}

function showType(arg: Foo | Bar) {
  if (arg instanceof Foo) {
    console.log(arg.bar());
    return arg.bar();
  }
  throw new Error('The type is not supported');
}

showType(new Foo()); // 输出: Hello World
showType(new Bar()); // 抛出错误: The type is not supported

在上述示例中，通过typeof检查接收到的参数的类型，在类型为Foo的情况下调用bar方法，否则抛出错误。

2. 使用Partial类型操作对象类型：

interface User {
  name: string;
  age: number;
  email: string;
}

function updateUser(user: User, updates: Partial<User>) {
  return { ...user, ...updates };
}

const user: User = { name: 'John', age: 25, email: 'john@example.com' };

const updatedUser = updateUser(user, { age: 26 });

console.log(updatedUser);

在上述示例中，使用Partial将User类型的属性变为可选属性，然后通过扩展运算符将更新后的属性与原有属性合并，实现了对用户对象的部分更新。

3. 使用类型保护在特定区块中使用特定类型的属性或方法：

function showType(x: number | string) {
  if (typeof x === 'number') {
    return `The result is ${x * x}`;
  }
  throw new Error(`This operation can't be done on a ${typeof x}`);
}

showType("I'm not a number"); // 抛出错误: This operation can't be done on a string
showType(7); // 输出: The result is 49

在上述示例中，通过typeof检查参数的类型，如果是number类型，则进行计算并返回结果，否则抛出错误。

这些是一些TypeScript中的常见用法和技巧，可以帮助提升开发效率和代码质量。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>