TypeScript定义对象|极客教程

TypeScript定义对象

在 TypeScript 中，我们可以使用接口（Interface）或类（Class）来定义对象的结构和类型。接口通常用于定义对象的形状（Shape），而类则包括对象的结构和行为。在这篇文章中，我们将详细讨论如何使用 TypeScript 来定义对象，并通过一些示例代码来演示其用法。

接口（Interface）

接口是 TypeScript 中用来定义对象形状的工具。通过接口，我们可以指定对象应该具有哪些属性和方法，以及它们的类型。接口可以用来约束一个或多个对象，让其符合特定的结构。

基本用法

下面是一个简单的示例，定义了一个 Person 接口，它包含了 name 和 age 两个属性：

interface Person {
    name: string;
    age: number;
}

// 使用 Person 接口约束一个对象
let person: Person = {
    name: 'Alice',
    age: 30
};

console.log(person); // { name: 'Alice', age: 30 }

上面的代码定义了一个 Person 接口，它规定了一个对象应该包含 name 和 age 两个属性，并且它们的类型分别为 string 和 number。然后我们使用该接口约束了一个 person 对象，满足了接口的要求。

可选属性

接口的属性可以设为可选的，即属性不是必须的。可选属性在定义对象时可以不必全部提供，但如果提供了，就必须符合指定的类型。

下面是一个带有可选属性的接口示例：

interface Car {
    brand: string;
    model: string;
    year?: number; // 年份为可选属性
}

// 使用 Car 接口约束一个对象
let car1: Car = {
    brand: 'BMW',
    model: 'X5'
};

let car2: Car = {
    brand: 'Audi',
    model: 'A6',
    year: 2020
};

console.log(car1); // { brand: 'BMW', model: 'X5' }
console.log(car2); // { brand: 'Audi', model: 'A6', year: 2020 }

在上面的示例中，Car 接口定义了一个 year 属性，指定为可选属性。我们可以看到 car1 对象没有提供 year 属性，而 car2 对象提供了。

只读属性

接口的属性可以设为只读，这意味着属性在被赋值后不可被修改。只读属性只能在对象创建时被赋值，之后无法更改。

下面是一个带有只读属性的接口示例：

interface Person {
    readonly id: number;
    name: string;
}

let person: Person = {
    id: 1,
    name: 'Bob'
};

person.id = 2; // Error: Cannot assign to 'id' because it is a read-only property.

在上面的示例中，id 属性被设置为只读，而 name 属性没有。在创建 person 对象时，我们给 id 属性赋值为 1，但之后尝试修改 id 属性的值时会报错。

函数类型

接口不仅可以约束对象的属性，还可以约束对象的方法。我们可以在接口中定义一个函数类型，指定一个对象应该包含的方法签名。

下面是一个定义了函数类型的接口示例：

interface Greet {
    (name: string): string;
}

let greet: Greet = (name) => `Hello, ${name}!`;

console.log(greet('Alice')); // Hello, Alice!

在上面的示例中，Greet 接口定义了一个函数类型，该函数接受一个 name 参数并返回一个 string 类型的值。然后我们在 greet 变量中定义了一个函数，并使用接口约束了这个函数。

类（Class）

除了接口，我们还可以使用类来定义对象。类不仅包括对象的结构，还可以包括对象的行为（方法）。

基本用法

下面是一个使用类定义对象的示例：

class Animal {
    name: string;

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

    greet(): void {
        console.log(`Hello, my name is ${this.name}.`);
    }
}

let cat = new Animal('Whiskers');
cat.greet(); // Hello, my name is Whiskers.

在上面的示例中，定义了一个 Animal 类，包括了 name 属性和 greet 方法。然后通过 new 关键字实例化了一个 cat 对象，并调用了它的 greet 方法。

继承与多态

类可以通过继承机制来扩展已有的类，并且可以通过多态性来实现不同类的同名方法的不同实现。

下面是一个使用继承和多态的示例：

class Dog extends Animal {
    bark(): void {
        console.log('Woof!');
    }

    greet(): void {
        console.log(`Hello, my name is ${this.name} and I'm a dog.`);
    }
}

let dog = new Dog('Buddy');
dog.greet(); // Hello, my name is Buddy and I'm a dog.
dog.bark(); // Woof!