typescript中接口interface的理解

接口

1.接口的作用:可以在定义类的时候限制类的结构

2.接口中的属性都不能有实际的值

csharp 复制代码
interface myInter{
  name:string,
  sayHello():void
}

定义类,让类去实现接口

实现接口就是使类满足接口的要求

如下:

csharp 复制代码
class myClass implements myInter{
   name:string;
   constructor(name:string){
     this.name=name
   }
   sayHello(){
     console.log('hello')
   }
}

抽象类

1.以abstract 开头的类是抽象类,抽象类和其他类的区别不大,不能用来实例化(创建对象);

2.抽象类就是专门用来被继承的类

3.抽象类中可以添加抽象方法

csharp 复制代码
abstract class Animal{
   name:string;
   constructor(name:str){
   this.name=name
  // sayHello(){console.log('动物在叫')}
  
  //定义个抽象方法
  //抽象方法使用abstract开头,且没有方法体
  //抽象方法只能定义在抽象类中,子类必须对抽象方法重写
  abstract sayHello():void
}

//Dog继承Animal
class Dog extends Animal{
   sayHello(){console.log('汪汪叫')}//重写sayHello方法,不写会有错误提示
}

总结:抽象类和接口的区别

1.抽象类中可以有抽象方法,也可以有普通方法;接口里都是抽象方法

2.用抽象类的时候是extends 继承;用接口的时候用的是implements实现

接口和对象类型的区别

csharp 复制代码
type myType={name:string,age:number} 
interface myInterface{name:string,age:number}
interface myInterface{gender:string}


const obj:myInterface={name:'张三',age:26,gender:'男'}
const obj:myType={name:张三,age:26}

区别1:接口可以重复声明;对象类型不可以,只能申明一个

所以申明类型的时候,可以使用别名的形式(type 别名={}),也可以使用接口的形式

相关推荐
用户214118326360227 分钟前
首发!即梦 4.0 接口开发全攻略:AI 辅助零代码实现,开源 + Docker 部署,小白也能上手
前端
gnip2 小时前
链式调用和延迟执行
前端·javascript
SoaringHeart2 小时前
Flutter组件封装:页面点击事件拦截
前端·flutter
杨天天.2 小时前
小程序原生实现音频播放器,下一首上一首切换,拖动进度条等功能
前端·javascript·小程序·音视频
Dragon Wu3 小时前
React state在setInterval里未获取最新值的问题
前端·javascript·react.js·前端框架
Jinuss3 小时前
Vue3源码reactivity响应式篇之watch实现
前端·vue3
YU大宗师3 小时前
React面试题
前端·javascript·react.js
木兮xg3 小时前
react基础篇
前端·react.js·前端框架
ssshooter3 小时前
你知道怎么用 pnpm 临时给某个库打补丁吗?
前端·面试·npm
IT利刃出鞘4 小时前
HTML--最简的二级菜单页面
前端·html