typescript 定义对象|极客教程

typescript 定义对象

在 TypeScript 中，对象是一个包含键值对的数据结构，可以用来表示实体或者数据的集合。定义对象在编写 TypeScript 代码中是非常常见的，因此我们有必要深入了解如何在 TypeScript 中定义对象。

基本对象

在 TypeScript 中，最简单的定义对象的方式是使用花括号 {} 来表示对象，键值对之间使用冒号 : 分隔，多个键值对之间使用逗号 , 分隔。例如：

let person = {
    name: 'Alice',
    age: 20,
    job: 'developer'
};

在上面的示例中，我们定义了一个包含 name、age 和 job 三个属性的对象 person。可以通过对象的属性名来访问对象的属性值，例如 person.name、person.age。

对象的类型

在 TypeScript 中，可以通过接口（interface）来定义对象的类型，以便在编译时进行类型检查。例如，我们可以定义一个 Person 接口来表示一个人的对象：

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

然后使用这个 Person 接口来定义对象，如果对象的属性类型不符合接口的定义，TypeScript 将会报错：

let person: Person = {
    name: 'Alice',
    age: 20,
    job: 'developer'
};

可选属性

有时候对象的某些属性是可选的，可以使用 ? 来表示可选属性。例如，在上面的 Person 接口中，我们可以将 job 属性改为可选属性：

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

这样定义的 Person 接口表示 job 属性是可选的，可以有也可以没有。定义对象时可以不包含可选属性，但如果包含可选属性，则必须符合定义的类型：

let person1: Person = {
    name: 'Alice',
    age: 20
};

let person2: Person = {
    name: 'Bob',
    age: 30,
    job: 'designer'
};

只读属性

有时候对象的某些属性是只读的，表示这些属性只能在对象被创建时赋值，之后不能再修改。可以使用 readonly 关键字来定义只读属性。例如，在上面的 Person 接口中，我们可以将 name 属性改为只读属性：

interface Person {
    readonly name: string;
    age: number;
    job?: string;
}

使用只读属性时，在对象创建完成后不允许再修改该属性的值：

let person: Person = {
    name: 'Alice',
    age: 20
};

person.age = 21; // OK
person.name = 'Bob'; // Error: Cannot assign to 'name' because it is a read-only property

嵌套对象

对象中的属性也可以是对象，形成嵌套结构。例如，我们可以定义一个 Address 接口来表示地址对象，并将其嵌套在 Person 接口中：

interface Address {
    street: string;
    city: string;
}

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

在定义包含嵌套对象的对象时，需要按照嵌套结构进行赋值：

let person: Person = {
    name: 'Alice',
    age: 20,
    address: {
        street: '123 Main St',
        city: 'Seattle'
    }
};

类型断言

有时候我们从外部接口获取的对象可能不是我们期望的类型，这时可以使用类型断言来告诉编译器对象的类型。类型断言有两种形式，一种是尖括号形式，另一种是 as 关键字。例如：

let obj: any = { name: 'Alice' };
let person = obj as Person;

这样告诉编译器 obj 是 Person 类型，可以正常访问 person 对象的属性。

运行结果

在 TypeScript 中定义对象是非常常见的操作，通过本文的介绍，你应该能够掌握如何在 TypeScript 中定义对象、定义对象的类型以及对象的可选属性、只读属性、嵌套对象等概念。在实际编程中，合理使用对象可以让程序更加清晰易读，提高代码质量和效率。

typescript 定义对象