TypeScript 对象

在 TypeScript 中，对象是一种包含键值对的数据结构。对象可以存储任意类型的值，包括基本类型、数组、函数等。在 TypeScript 中，我们可以使用接口或类来定义对象的结构和行为。

创建对象

1. 使用对象字面量

// www.javascriptcn.com code example
// 使用对象字面量创建对象
let person = {
    name: 'Alice',
    age: 30,
    greet: function() {
        console.log('Hello, my name is ' + this.name);
    }
};

// 访问对象属性和方法
console.log(person.name); // Alice
person.greet(); // Hello, my name is Alice

2. 使用接口定义对象结构

// www.javascriptcn.com code example
// 使用接口定义对象结构
interface Person {
    name: string;
    age: number;
    greet(): void;
}

let person: Person = {
    name: 'Bob',
    age: 25,
    greet() {
        console.log('Hi, my name is ' + this.name);
    }
};

// 访问对象属性和方法
console.log(person.name); // Bob
person.greet(); // Hi, my name is Bob

3. 使用类定义对象

// www.javascriptcn.com code example
// 使用类定义对象
class Person {
    name: string;
    age: number;

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

    greet() {
        console.log('Hola, my name is ' + this.name);
    }
}

let person = new Person('Charlie', 20);

// 访问对象属性和方法
console.log(person.name); // Charlie
person.greet(); // Hola, my name is Charlie

访问对象属性

对象的属性可以通过.操作符来访问，也可以使用[]操作符来访问。

1. 使用.操作符

let person = {
    name: 'David',
    age: 35
};

console.log(person.name); // David
console.log(person.age); // 35

2. 使用[]操作符

let person = {
    name: 'Eve',
    age: 40
};

console.log(person['name']); // Eve
console.log(person['age']); // 40

修改对象属性

对象的属性可以通过赋值操作来修改。

// www.javascriptcn.com code example
let person = {
    name: 'Frank',
    age: 45
};

person.name = 'George';
person.age = 50;

console.log(person.name); // George
console.log(person.age); // 50

总结

对象是 TypeScript 中非常重要的数据结构，通过对象我们可以存储和操作复杂的数据。在定义对象时，可以使用对象字面量、接口或类来定义对象的结构和行为。通过.操作符和[]操作符可以访问和修改对象的属性。