Typescript再学习-接口interface（4）

最新推荐文章于 2024-10-08 00:56:20 发布

xvzhengyang

最新推荐文章于 2024-10-08 00:56:20 发布

阅读量211

点赞数

CC 4.0 BY-SA版权

分类专栏： TypeScript 文章标签： typescript 学习 interface 接口

本文链接：https://blog.youkuaiyun.com/xvzhengyang/article/details/136934732

TypeScript 专栏收录该内容

10 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文将详细探讨TypeScript中的接口Interface，通过实例解释如何定义和使用接口，以及对象字面量在接口约束下的注意事项。我们将看到如何创建一个IPerson接口，并创建符合该接口的person3和person4对象，同时指出在对象字面量中添加未在接口定义的属性会引发错误。

// 通常我们定义对象使用interface 注意是分号

interface IPerson {

age: number;

sex: string;

}

let person3: IPerson = {

age: 18,

sex: "男",

};

let person4: IPerson = {

age: 18,

sex: "男",

// 对象字面量只能指定已知属性，并且“height”不在类型“IPerson”中

height: 170,

};

// 通常我们定义对象使用interface  注意是分号
interface IPerson {
  name: string;
  age: number;
  sex: string;
}
let person3: IPerson = {
  name: "张三",
  age: 18,
  sex: "男",
};

let person4: IPerson = {
  name: "张三",
  age: 18,
  sex: "男",
  // 对象字面量只能指定已知属性，并且“height”不在类型“IPerson”中
  height: 170,
};