TYpeScript接口的使用

Posted 我所向往的美好

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了TYpeScript接口的使用相关的知识,希望对你有一定的参考价值。

1、接口中的属性值的使用:

 1 // 作用是强制类型检查
 2 interface Iperson { 
 3     name: string;
 4     age: string;
 5 }
 6 
 7 class Person { 
 8     constructor(public config:Iperson) { 
 9 
10     }
11 }
12 
13 let p1: Person = new Person({
14     name: ‘swe‘,
15     age:‘12‘
16 });

2、接口中的方法的使用

没有多态。使用效果与Java十分类似。

 1 interface Animal { 
 2     eat();
 3 }
 4 
 5 class Dog implements Animal { 
 6     eat() { 
 7         console.log(‘吃骨头‘);
 8     }
 9 }
10 
11 class Cat implements Animal { 
12     eat() { 
13         console.log(‘吃鱼‘);
14     }
15 }
16 let dog1 = new Dog();
17 dog1.eat();
18 let cat1 = new Cat();
19 cat1.eat();

 

以上是关于TYpeScript接口的使用的主要内容,如果未能解决你的问题,请参考以下文章

typescript Angular最终版本的Angular 2测试片段。代码库https://developers.livechatinc.com/blog/category/programming

typescript Angular 2测试片段。代码库https://developers.livechatinc.com/blog/category/programming/angular-2/

从 TypeScript 类型定义或 GraphQL 片段定义生成 JavaScript 空对象

TypeScript:接口

typescript 打字稿+角度1的启动片段

将对象转换为 TypeScript 中的接口