zl程序教程

您现在的位置是:首页 >  前端

当前栏目

TypeScript的interface关键字

typescript 关键字 interface
2023-09-14 09:02:58 时间

使用interface关键字定义一个接口,它描述了具有firstName和lastName字段的对象。在TypeScript中,如果两个类型其内部结构兼容,那么这两种类型兼容。这使我们实现一个接口,仅仅只需必要的结构形状,而不必有明确的implements子句。

interface Person {
    firstName: string;
    lastName: string;
}

function greeter(person: Person) {
    return "Hello, " + person.firstName + " " + person.lastName;
}

var user = { firstName: "Jerry", lastName: "Wang" };

tsc 1.ts编译,生成的1.js:

function greeter(person) {
    return "Hello, " + person.firstName + " " + person.lastName;
}
var user = { firstName: "Jerry", lastName: "Wang" };

注意

需要注意的是,不要使用一个 TypeScript 中的 interface 来作为 token,因为 interface 只在设计期才会存在(打包后不会存在 interface).

要获取更多Jerry的原创文章,请关注公众号"汪子熙":