打字稿中类型和类的区别是什么？

Question

type和class之间的区别是什么？

type Point {
  x: number, y: number
}

let p = new Point();

上述结果如下：

“Point”仅指类型，但在此处用作值。

为什么会这样呢？我肯定不会使用Point作为值，而是使用它来实例化类型。

在哪些情况下，我需要使用类型，因为类不合适？

Answer 1

为了更好地理解，我为所有差异创建了一个表：

| Description                                             | Type | Interface |
|---------------------------------------------------------|------|-----------|
| Describe functions                                      |   ✔  |     ✔     |
| Describe constructors                                   |   ✔  |     ✔     |
| Describe tuples                                         |   ✔  |     ✔     |
| Interfaces can extend                                   |   ≈  |     ✔     |
| Classes can extend                                      |   ✘  |     ✔     |
| Classes can implement                                   |   ≈  |     ✔     |
| Divide another one of its own kind                      |   ✔  |     ≈     |
| Create a union with another one of its own kind         |   ✔  |     ✘     |
| Be used to create mapped types                          |   ✔  |     ✘     |
| Be mapped over with mapped types                        |   ✔  |     ✔     |
| Expands in error messages and logs                      |   ✔  |     ✘     |
| Be completed                                            |   ✘  |     ✔     |
| Be recursive                                            |   ≈  |     ✔     |

Hint: `≈` means partially

也许对于新版本的TypeScript，这个表有一些变化，如果有，请通过编辑当前帖子来修复这个表。

Answer 2

您可以使用type（或者在其他情况下使用接口）进行类型注释，以指示JavaScript对象的结构：

type Point = {
  x: number, y: number
}

function doSomething(p: Point) {
}

let p: Point = { x: 10, y: 15 };
doSomething(p);

这些类型注释受结构类型的约束，这意味着在这种情况下，您可以删除类型注释：

let p = { x: number, y: number };
doSomething(p);

类是完全不同的，它为您提供了一个比JS原型继承更优雅的选择：

class Point {
    public x: number;
    public y: number;

    constructor(x: number, y: number) {
        this.x = x;
        this.y = y;
    }

    public move(deltaX: number, deltaY: number) {
        this.x = this.x + deltaX;
        this.y = this.y + deltaY;
    }
}

let p = new Point(10, 15);
p.move(1, 2);

当您查看生成的JS代码时，您会很快注意到差异：

在生成的代码中删除type声明。

类定义变成了具有原型继承的JS函数

Answer 3

TypeScript在某些方面有两个不同的宇宙：值空间和类型空间。类型空间是定义类型和类型被完全擦除并且在运行时不存在的地方。值空间包含值，并且显然将在运行时存在。

什么是价值？值文字、变量、常量和参数显然都是值。函数和类声明也是值，因为它们有一个运行时对象作为备份，即函数对象和类构造函数（也是函数）。枚举也是值，因为它们在运行时由对象备份。

什么是类型？任何带有type关键字的定义都是类型以及接口、类声明和枚举

您会注意到我在两个空格中都提到了类声明。类存在于类型空间和值空间中。这就是为什么我们可以在类型注释（let foo： ClassName）和表达式（exnew ClassName（））中使用它们。

枚举也跨越两个世界，它们还表示可以在注释中使用的类型，还表示将保存枚举的运行时对象。

类型空间和值空间中的名称不冲突，这就是为什么我们可以定义具有相同名称的类型和变量：

type Foo = { type: true }
var Foo = { value : true } // No error, no relation to Foo just have the same name in value space 

类声明和枚举，因为它们跨越两个空间将“用尽”两个空间中的名称，因此我们不能定义与类声明或枚举名称相同的变量或类型（尽管我们可以进行合并，但这是一个不同的概念）

在您的特定情况下，Point只是一个类型，我们可以在类型注释中使用它，而不是在需要运行时存在的表达式中使用它。在这种情况下，类型很有用，因为它允许编译器从结构上检查对象文本是否可分配给点类型：

let p: Point = { x: 10, y: 15 }; // OK
let p: Point = { x: 10, y: 15, z: 10 }; // Error

如果你想创建一个类，你需要用class关键字来创建，因为这将创建一个运行时值，而不仅仅是一个类型：

class Point{
    constructor(public x: number, public y: number){}
}
let p = new Point(10,10)