在TypeScript中的类与JavaScript类有什么不同？

TypeScript 是 JavaScript 的一个超集，这意味着所有有效的 JavaScript 代码也都是有效的 TypeScript 代码。然而，TypeScript 增加了静态类型、接口、泛型等特性，这些特性在原生 JavaScript 中并不存在。这些新增的特性使得 TypeScript 在开发大型、复杂的项目时能提供更强的代码安全性和可维护性。

在类（Class）的方面，TypeScript 和 JavaScript 的主要区别体现在以下几个方面：

静态类型：TypeScript 中的类属性和方法可以有明确的类型声明。这有助于在编译阶段就捕获到类型错误，从而提高代码的安全性。而在 JavaScript 中，变量的类型是在运行时动态确定的，这可能会导致运行时错误。

TypeScript:

class Animal {
    name: string;
    age: number;

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

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

JavaScript:

class Animal {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }

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

访问修饰符：TypeScript 支持使用 public、private 和 protected 修饰符来控制类成员的可见性。这有助于封装类的内部状态，并防止外部代码直接访问或修改这些状态。而 JavaScript 则没有提供原生的访问修饰符支持。

TypeScript:

class Animal {
    private name: string;
    public age: number;

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

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

抽象类和抽象方法：TypeScript 支持抽象类（abstract class）和抽象方法（abstract method）。抽象类不能被实例化，只能被其他类继承。抽象方法是一个没有实现的方法签名，它必须在继承抽象类的子类中实现。这些特性有助于构建更加灵活和可扩展的类结构。而 JavaScript 则没有提供原生的抽象类和抽象方法支持。
属性初始化：在 TypeScript 中，你可以在属性声明时直接为其赋值，以提供默认值。而在 JavaScript 中，你通常需要在构造函数中进行此操作。
参数属性：在 TypeScript 中，你可以在构造函数参数前加上 public、private、protected 或 readonly 修饰符，从而自动创建并初始化一个同名的类成员。这是一个简化代码编写的便捷特性。
接口和泛型：虽然这两个特性不直接关联到类，但它们经常与类一起使用，以提供更强的类型约束和代码复用性。TypeScript 的接口（interface）允许你定义一个类型的形状，而泛型（generic）则允许你创建一个可以处理任何类型的组件。这两个特性在 JavaScript 中都没有原生支持。
编译时检查：最重要的是，TypeScript 提供了编译时类型检查。这意味着在代码运行之前，你可以捕获到许多潜在的错误和问题。这大大提高了代码的质量和可维护性。而 JavaScript 则只能在运行时捕获这些问题，这可能会导致更难以调试和修复的错误。