对象字面量

按照我们之前基础类型的惯性思维，在 Typescript 使用类型描述对象应该是下面这个样子：

let a: object = {
  b: "hello",
};

但是访问 b 的时候就会发生错误

console.log(a.b); //error 类型object上不存在属性"b"

为什么把一个变量声明成 object 类型，却做不了任何操作呢？

其实 object 类型对值并不了解，就只能表示该值是一个 JavaScript 对象，仅此而已。因此，当我们输入

a.

Typescript 不会有任何提示。

如果我们不显示注解，直接让 Typescript 推导

let a = {
  b: "hello",
};
console.log(a.b);

这其实就是对象字面量的语法，当然除了让 Typescript 推导出对象的解构，我们可以自己进行明确的描述

const a: {b: string} = {
  b:'hello'
}
console.log(a.b);

const user: {
  name: string
  age: number
} = {
  name: 'jack',
  age: 18
}
console.log(user.name)

与前面讲的基本类型不同，使用const 声明对象不会导致 Typescript 把推导的类型缩窄。这是因为 JavaScript 对象是可变的，所以在 JavaScript 看来，创建对象之后你可能会更新对象的字段

可选符号?

默认情况下，Typescript 对对象的属性要求十分的严格，如果声明对象有个类型为 string 的属性 name 和类型为 number 的属性 age，Typescript 将预期对象有这么两个属性。而且有且仅有这两个属性，如果缺少 name 和 age 属性，或者多了其他属性，Typescript 将报错

// 类型 "{ name: string; }" 中缺少属性 "age"，但类型 "{ name: string; age: number; }" 中需要该属性
let user: {
  name: string
  age: number
} = {
  name: 'jack',
  // age: 18
}

// error "类型“{ name: string; age: number; }”上不存在属性“sex”
user.sex = "男";

我们可以通过可选符号修饰符?告诉 Typescript 某个属性是可选的

let user: {
  name: string
  age?: number
  sex?: string
} = {
  name: 'jack'
}

注意：如果标注为可选属性，那么这个属性的类型其实是：类型 | undefined，也就是说，age?:number，其实真正的应该是age?:number | undefined

readonly

除了修饰符可选符号(?)之外，还可以使用readonly修饰符把字段标记为只读

let user: {
  readonly name: string
  age: number
} = {
  name: 'jack',
  age: 18
}
user.age = 19;
user.name = 'tom'; //error 无法为 "name" 赋值，因为它是只读属性

readonly 不仅仅可以修饰对象的属性，数组，元祖和类中都可以使用 readonly