静态属性和方法

在 TypeScript 中，类不仅可以定义实例属性和方法，还可以定义静态属性和方法。静态属性和方法是属于类本身的，而不是类的实例。这意味着你可以直接通过类名来访问这些属性和方法，而不需要创建类的实例。

1. 静态属性

静态属性是属于类本身的属性，而不是类的实例。你可以通过类名直接访问这些属性。

1.1 定义静态属性

要定义一个静态属性，只需在属性名前加上 static 关键字。

class MyClass {
    static staticProperty: string = "I am a static property";
}

1.2 访问静态属性

你可以通过类名直接访问静态属性，而不需要创建类的实例。

console.log(MyClass.staticProperty); // 输出: I am a static property

2. 静态方法

静态方法是属于类本身的方法，而不是类的实例。你可以通过类名直接调用这些方法。

2.1 定义静态方法

要定义一个静态方法，只需在方法名前加上 static 关键字。

class MyClass {
    static staticMethod(): void {
        console.log("I am a static method");
    }
}

2.2 调用静态方法

你可以通过类名直接调用静态方法，而不需要创建类的实例。

MyClass.staticMethod(); // 输出: I am a static method

3. 静态属性和方法的用途

静态属性和方法通常用于那些不需要实例化类就可以使用的功能。例如，你可以使用静态方法来创建工厂方法，或者使用静态属性来存储类的全局配置。

3.1 工厂方法

工厂方法是一种设计模式，用于创建对象。静态方法非常适合用于实现工厂方法。

class Product {
    constructor(public name: string) {}
}

class ProductFactory {
    static createProduct(name: string): Product {
        return new Product(name);
    }
}

const product = ProductFactory.createProduct("Laptop");
console.log(product.name); // 输出: Laptop

3.2 全局配置

静态属性可以用于存储类的全局配置。

class Config {
    static apiUrl: string = "https://api.example.com";
}

console.log(Config.apiUrl); // 输出: https://api.example.com

4. 实践练习

练习1: 创建一个静态方法来计算圆的面积

创建一个 Circle 类，并定义一个静态方法 calculateArea，该方法接受半径作为参数，并返回圆的面积。

class Circle {
    static calculateArea(radius: number): number {
        return Math.PI * radius * radius;
    }
}

console.log(Circle.calculateArea(5)); // 输出: 78.53981633974483

练习2: 创建一个静态属性来存储默认配置

创建一个 AppConfig 类，并定义一个静态属性 defaultConfig，该属性存储应用的默认配置。

class AppConfig {
    static defaultConfig: { theme: string, language: string } = {
        theme: "light",
        language: "en"
    };
}

console.log(AppConfig.defaultConfig.theme); // 输出: light
console.log(AppConfig.defaultConfig.language); // 输出: en

5. 总结

静态属性和方法在 TypeScript 中非常有用，它们允许你直接通过类名访问属性和方法，而不需要创建类的实例。静态方法通常用于实现工厂方法，而静态属性可以用于存储类的全局配置。通过理解和实践静态属性和方法，你可以更好地组织和设计你的 TypeScript 代码。

希望这篇教程能帮助你更好地理解和使用 TypeScript 中的静态属性和方法！