TypeScript Academy · 课时

TypeScript 类与构造函数

Q: 「TypeScript 类与构造函数」这节课中我会学到什么？

定义带类型属性和构造函数的类 你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

定义带类型属性和构造函数的类

TypeScript 类与构造函数 是 CoddyKit 上的免费 TypeScript Academy 课时。这是第 1 节课，共 4 节。你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。这是 TypeScript Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 TypeScript Academy 课程共包含 4 节课。

欢迎

TypeScript 类是带有类型注解的 JavaScript 类。它们以类型化的面向对象结构结合了数据和行为。

声明带属性的类

在类的顶部声明类属性并指定其类型。TypeScript 会检查所有使用方式。

class Person {
  name: string;
  age: number;

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

参数属性简写

在构造函数参数前添加访问修饰符，即可自动创建并初始化类属性。

class Person {
  constructor(
    public name: string,
    private age: number
  ) {} // properties created automatically
}

带类型的方法

类方法使用与普通函数相同的参数和返回值类型注解。

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

获取器与设置器

使用获取与设置关键字创建计算属性。TypeScript 会检查它们的类型。

class Circle {
  constructor(private radius: number) {}
  get area(): number { return Math.PI * this.radius ** 2; }
  set r(v: number) { this.radius = v; }
}

类作为类型

类同时定义了一个值（构造函数）和一种类型（实例结构）。将类名用作类型注解。

class Dog { name = 'Rex'; bark() { return 'Woof'; } }
const d: Dog = new Dog();

静态成员

静态属性和方法属于类本身，而不属于实例。通过类名访问它们。

class MathHelper {
  static PI = 3.14159;
  static square(n: number): number { return n * n; }
}
console.log(MathHelper.PI);

类继承

使用 `extends` 从基类继承。在构造函数中调用 `super()` 来初始化父类。

class Animal {
  constructor(public name: string) {}
  speak(): string { return '...'; }
}
class Dog extends Animal {
  speak(): string { return 'Woof!'; }
}

抽象类

抽象类无法实例化。它们定义了子类必须实现的契约。

abstract class Shape {
  abstract area(): number;
  describe(): string { return `Area: ${this.area()}`; }
}
class Square extends Shape {
  constructor(private side: number) { super(); }
  area() { return this.side ** 2; }
}

类中的 this 类型

`this` 类型表示当前实例类型，从而支持返回类型正确的流式接口或构建器 API。

class Builder {
  private parts: string[] = [];
  add(p: string): this { this.parts.push(p); return this; }
  build(): string { return this.parts.join(','); }
}

类、接口与类型

类是带有构造函数的运行时值。接口和类型别名仅是编译时的类型结构。需要实例化和方法时，请使用类。

快速检查

在 TypeScript 中，在构造函数参数前加上 `public` 会产生什么效果？

回顾

TypeScript 类为 JavaScript 类添加了类型。使用参数属性简化声明，使用访问修饰符实现封装，并使用抽象类强制执行子类契约。

常见问题解答

「TypeScript 类与构造函数」课时是免费的吗？

是的 — 「TypeScript 类与构造函数」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 TypeScript Academy 课程的其余内容，请升级到 CoddyKit PRO。 TypeScript Academy 课程共包含 4 节课。

「TypeScript 类与构造函数」这节课中我会学到什么？

定义带类型属性和构造函数的类你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 TypeScript Academy 需要有经验吗？

无需任何先前经验。CoddyKit 上的 TypeScript Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。这是第 1 节课，共 4 节。

「TypeScript 类与构造函数」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 TypeScript Academy 课中编写并运行代码吗？

能。每节 TypeScript Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

← 返回 TypeScript Academy