深入浅出TypeScript|青训营笔记

75 阅读2分钟

TypeScript是一个由Microsoft开发的编程语言,它是JavaScript的超集,可以在JavaScript中添加类型注解。如果你想学习TypeScript,以下是一些基础知识以及相关代码。

  1. 类型声明

在TypeScript编程中,我们可以使用类型注解来指定变量、函数参数和函数返回值的类型,以便帮助我们更好地理解代码和避免错误。

  1. 接口

接口定义了一个对象的属性、方法和类型,可以帮助我们更好地组织和描述代码。

类是面向对象编程的重要概念,可以通过类来实现封装、继承和多态等特性。例如:

class Animal {
  private name: string;

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

  move(distance: number) {
    console.log(`${this.name}移动了${distance}米`);
  }
}

class Dog extends Animal {
  bark() {
    console.log("汪汪!");
  }
}

let scotty = new Dog("Scotty");

scotty.move(10);
scotty.bark();

以上代码中,我们定义了一个Animal类和一个继承自Animal的Dog类。Dog类具有一个新的方法bark,并在move方法中调用了父类的方法。

  1. 泛型

TypeScript支持泛型,这是一种可以在编写函数或类时指定类型(而非具体值)的机制。例如:

function identity<T>(arg: T): T {
  return arg;
}

console.log(identity<string>("Hello, World!"));
console.log(identity<number>(100));

以上代码中,我们定义了一个名为identity的泛型函数,它接受一个参数并返回同样的类型。在调用函数时,我们需要指定T的类型参数。

  1. 模块

模块允许我们将代码分割成多个文件,并允许在不同的文件中引用彼此的代码。

我们可在cat.ts文件中定义了一个接口Cat,并在main.ts文件中使用import语句引入该接口。

总之,学习TypeScript需要耐心和实践。TypeScript具有强大的类型检查和错误提示功能,可以使我们更好地理解代码和提高代码质量。但需要记住,在深入学习之前,你必须掌握JavaScript的核心概念及其基础语法。