typeScript?核心基礎之接口interface

更新時間：2022年02月22日 16:14:32 作者：web前端人

本篇文章主要介紹?typeScript?中接口是啥？如何定義的？接口是如何進行擴展的以及類如何實現(xiàn)接口，接下來和小編一起進入下面文章一起學習?typeScript?接口

1、接口定義

接口的作用：

在面向?qū)ο缶幊讨?，接口是一種規(guī)范的定義，它定義了行為和動作規(guī)范；
在程序設計內(nèi)，接口起到一種限制和規(guī)范的作用；

接口一般使用 interface 關鍵字來定義，名字首字母需要大寫。在項目中定義接口的時候，一般在名字前加一個大寫 I 字母，能夠快速識別該類型是接口。如：

interface IPerson{
?name: string
?age: number
?sex: string
}

接口的主要作用就是用來進行約束對象的規(guī)范，如：

interface IPerson{
?name: string
?age: number
?sex: string
}
let webPerson: IPerson = {
?name:"倩倩",
?age:18,
?sex:'girl'
}

使用上述 IPerson 定義對象的時候，上述三個屬性都是必加的，如果漏掉一個就會有錯誤提示。那如果某些屬性有些對象有，有些對象沒有呢？比如職業(yè)。

接口成員也可以是缺省的，定義的時候使用 "?" ，如：

interface IPerson{
?name: string
?age: number
?sex: string
?work?: string
}

但是在特殊情況下，有些人有飲食忌諱，大多數(shù)沒有，有些人有特殊愛好，大多數(shù)也沒有，此時這個屬性不能具體，此時就可以添加任意屬性，使用 propName 來定義，如：

interface IPerson{
?name: string
?age: number
?sex: string
?work?: string
?[propName:string]: any
}
let webPerson: IPerson = {
?name:"倩倩",
?age:18,
?sex: 'girl',
?hobby: "跳舞",
?refuse:"不吃羊肉"
}

添加任意屬性之后，可以添加任意多個特殊屬性。

2、接口繼承

接口和類一樣，接口也可以相互繼承。能夠從一個接口里復制成員到另一個接口里，可以靈活地將接口分割到可重用的模塊里面。繼承的時候使用 extends 關鍵字。如：

interface IPerson{
?name: string
?age: number
?sex: string
?work?: string
?[propName:string]:any
}
interface IAdult extends IPerson{
?isHaveChildren: boolean
?isBoss: boolean
}
let Tom: IAdult = {
?isBoss: false,
?isHaveChildren: false,
?name: '倩倩',
?age: 20,
?sex: "girl"
}

一個接口可以繼承一個或多個接口，多個接口之間使用逗號 "," 分割。如：

interface IPerson{
?name: string
?age: number
?sex: string
}
interface IAdult extends IPerson{
?isBoss: boolean
}
interface elderly extends IPerson, IAdult{
?isRetire:boolean?
}

接口的繼承也就是接口的擴展，接口擴展就是多添加了一些約束，一個接口可以擴展多個接口。

3、類實現(xiàn)接口

在 typeScript 中，接口可以繼承類，這樣接口就具有了類的所有成員，同時這個接口只能引用這個類或者它的字類的實例。如：

class Person{
?name:string;
?age: number
?constructor(name: string, age: number) {
? this.name = name
? this.age = age
?}
}
interface IAdult extends Person{
?married:boolean
}
let Tom: IAdult = {
?name: "Tom",
?age: 20,
?married: true
}
console.log(Tom);

接口繼承一個類類型時，它會繼承類的成員但不包括其實現(xiàn)。

到此這篇關于typeScript 核心基礎之接口interface的文章就介紹到這了,更多相關typeScript 接口interface內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: