typescript中使用type,class,interface定义数据结构的区别

转载于 2020-05-29 17:24:19 发布 · 3.8k 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://blog.csdn.net/wang_liuyong/article/details/103755885

本文深入解析了TypeScript中声明类型的三种常见方式：interface、type和class。通过具体示例展示了如何使用它们来定义属性和方法，并解释了interface和type在性能上的区别。

typescript中声明一个类型，我们通常会有3种做法,他们都可以去继承：
1.interface

interface User {
  name: string
  age: number
}

interface SetUser {
  (name: string, age: number): void;
}

interface SetUser extends User { 
  age: number; 
}

2.type type 可以声明基本类型别名，联合类型，元组等类型

type Name = { 
  name: string; 
}


type User = Name & { age: number  };

3.class

class User = { 
  name: string; 
}

class Man extends User {
    age:18
}

还有一个性能方面的原因，type和interface在编译时会被消除，而class定义则会被编译到代码中
————————————————
版权声明：本文为CSDN博主「wang_liuyong」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/wang_liuyong/article/details/103755885