TypeScript - 类型的JavaScript

TypeScript 是一个由 Microsoft 开发的开源编程语言，它是 JavaScript 的一个超集，主要添加了静态类型和类概念。TypeScript 可以帮助您以更清晰、更可读和可维护的方式来编写 JavaScript 代码。

特点

静态类型

TypeScript 支持静态类型，它可以在编译时发现和解决类型错误。这意味着您可以写出更可靠的代码。

function add(a: number, b: number) {
  return a + b;
}

add(1, 2); // ok
add("1", 2); // error: Argument of type '"1"' is not assignable to parameter of type 'number'.

类

TypeScript 支持类，它可以让您用面向对象的方式组织代码。

class Animal {
  name: string;

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

  speak() {
    console.log(`${this.name} makes a noise.`);
  }
}

class Dog extends Animal {
  constructor(name: string) {
    super(name);
  }

  speak() {
    console.log(`${this.name} barks.`);
  }
}

const dog = new Dog("Bo");
dog.speak(); // Bo barks.

接口

TypeScript 支持接口，它可以让您定义一个对象的类型。

interface Person {
  name: string;
  age: number;
}

function greet(person: Person) {
  console.log(`Hello, ${person.name}!`);
}

greet({ name: "Bob", age: 24 }); // Hello, Bob!

泛型

TypeScript 支持泛型，它可以让您编写适用于多个类型的函数和类。

class Queue<T> {
  private items: T[] = [];

  enqueue(item: T) {
    this.items.push(item);
  }

  dequeue(): T | undefined {
    return this.items.shift();
  }
}

const queue = new Queue<string>();
queue.enqueue("Hello");
queue.enqueue("World");
console.log(queue.dequeue()); // Hello
console.log(queue.dequeue()); // World

总结

TypeScript 是一个功能丰富的语言，它可以让您编写更可靠、更可读和可维护的 JavaScript 代码。如果您正在寻找一种能够提高 JavaScript 代码质量的方法，那么 TypeScript 一定值得学习。