一、对象类型

object表示非原始类型，也就是除number，string，boolean，symbol，null或undefined之外的类型。对象类型可以有几种形式：

• 对象类型
• 数组类型
• 类类型
• 函数类型

这几种形式我们在TypeScript里叫做对象类型。

1.对象类型:

比如我们写一个表示商品基本信息的对象:

const KFC = {name: "汉堡炸鸡",price: 38.5,sell() {return `单品是:${this.name},售价是:{this.price},送可乐一杯!`}
}//可以给这个对象加一个类型注解
const KFC:{name: string;price: number;sell:() => string
}={name: "汉堡炸鸡",price: 38.5,sell() {return `单品是:${this.name},售价是:${this.price},送可乐一杯!`}
}
console.log(KFC.sell())

（1）对象注解

之前我们说过类型注解，现在我们也可以对对象做一个类型注解。

在使用对象前，就可以根据需求，提前设计好对象的结构，也即是我们在定义对象之前，建立一种契约，约束对象的结构。

比如，我们创建一个商品包含商品名字和价格的对象。我们可以对对象进行约束：

//对象的结构化类型 对该对象值的结构进行类型约束。
var  milkTea:{name: string;price:number;sell: () => string
}milkTea= {name: "雪顶茉莉奶茶",price: 27,sell: function () {return `品类:${this.name},价格:${this.price},买一杯送一杯!`}
}console.log(milkTea.sell());
//对象类型注解的语法类似于对象自身的语法。
//注意：多个键值对之间使用分号（;）分隔，并且分号可省略。

问题：如何给对象中的方法，添加类型注解？

let people: {sayHi: () => voidsing: (name: string) => voidsum: (num1: number, num2: number) => number}

方法类型注解的关键点：1 参数 2 返回值。
箭头（=>）左边小括号中的内容：表示方法的参数类型。
箭头（=>）右边的内容：表示方法的返回值类型。

直接在对象名称后面写类型注解的坏处：1. 代码结构不简洁 2. 无法复用类型注解。

二、ts中的接口

接口：为对象的类型注解命名，并为你的代码建立契约来约束对象的结构。

语法：

interface goodsFood {name: string;price: number;like: string;sell:()=>string
}const coffe: goodsFood={name:"生椰拿铁",price:38,like:"半糖,温热",sell:function(){return `你想要的商品是:${this.name},当前价格是:${this.price},喜好是:${this.like}`}
}
console.log(coffe.sell());

接口的作用：在面向对象的编程中，接口是一种规范的定义，它定义了行为和动作的规范，在程序设计里面，接口起到一种限制和规范的作用。接口定义了某一批类所需要遵守的规范，接口不关心这些类的内部状态数据，也不关心这些类里方法的实现细节，它只规定这批类里必须提供某些方法，提供这些方法的类就可以满足实际需要。 typescrip中的接口类似于java，同时还增加了更灵活的接口类型，包括属性、函数、可索引和类等。

（2）属性接口

现在我们定义一个方法printPerson 自定义方法传入参数,对json进行约束.

 function student(name:{ name: string }) {return `this is ${name.name}`
}console.log(student({ name: "刘德华" })) function teacher(params: {name:string}) {
return `This is a teacher whose name is ${params.name}`}console.log(teacher({ name: "lemo" }));

这时我们发现两个方法对参数的约束几乎是一样的，这样每次都要重复写一遍很繁琐。我们可以使用接口对批量方法传入参数进行约束。

这时，我们可以改写成如下的代码：

interface label {name:string
}
function student(name:label) {return `this is ${name.name}`
}console.log(student({ name: "刘德华" })) function teacher(params: label) {
return `This is a teacher whose name is ${params.name}`}console.log(teacher({ name: "lemo" }));

对传入对象的属性约束 就是 属性接口

可选属性：

在传递参数的时候，如果当前参数不是必选项，可以当作可选参数使用，使用？表示

 interface mobile{name: string; //注意;结束price: number;color?: string; 可选属性，在传递参数的时候可以不传递size:string;
}const iphone: mobile = {name: "iphone13pro",price: 7899,size: "4.7英寸",color:"red"}console.log(iphone);

（3）函数类型接口

对方法传入的参数 以及返回值进行约束

interface fullName {(firstName:string,lastName:string):string
}var person: fullName = (firstName: string, lastName: string) => `我的名字是${firstName + lastName}`;console.log(person("拼","多多"))

（4）可索引接口

数组，对象的约束

/*** 使用接口来对数组进行约束*/interface arr {//数组索引为number类型  值为string类型[index: number]: string;
}const menu: arr = ["红烧排骨", "鱼香肉丝", "葱爆鲍鱼"];
console.log(menu);/*** 使用接口来对对象进行约束*/interface fruit {[index: string]: string;
}const mango = {name: "新鲜大芒果",color: "yellow"
}

（5）类类型接口

对类的约束 和 抽象类有点相似

/*** 类类型接口* 对类的约束*/interface Animal {name: string;age: number;eat(food:string):void
}class Dog implements Animal {name: string;age: number;constructor(name: string, age: number) {this.name = name;this.age = age;}eat(food: string): void {console.log(`这个小狗是${this.name},年龄:${this.age}岁,正在吃${food}`)}
}const dog1 = new Dog("翠花", 2);
dog1.eat("狗粮!!");

（6）接口拓展

接口可以继承接口

/*** 接口拓展* 接口的继承*/interface Animal{eat():void
}interface Play extends Animal{play():void;
}class Dogs implements Play{name:string;constructor(name:string){this.name = name;}eat(){console.log(this.name + '喜欢吃骨头')}play(){console.log(this.name + '喜欢拆东西')}
}var alpha = new Dogs('二哈')alpha.eat();
alpha.play();