欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

typeScript?核心基礎(chǔ)之接口interface

 更新時(shí)間:2022年02月22日 16:14:32   作者:web前端人  
本篇文章主要介紹?typeScript?中接口是啥?如何定義的?接口是如何進(jìn)行擴(kuò)展的以及類(lèi)如何實(shí)現(xiàn)接口,接下來(lái)和小編一起進(jìn)入下面文章一起學(xué)習(xí)?typeScript?接口

前言:

在面向?qū)ο笳Z(yǔ)言中,接口是一個(gè)很重要的概念,它是對(duì)行為的抽象。接口也叫 interface 。

在 js 中沒(méi)有接口這個(gè)概念,它是新增的。該如何定義呢?下面來(lái)一起學(xué)習(xí)吧

1、接口定義

接口的作用:

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

接口一般使用 interface 關(guān)鍵字來(lái)定義,名字首字母需要大寫(xiě)。在項(xiàng)目中定義接口的時(shí)候,一般在名字前加一個(gè)大寫(xiě) I 字母,能夠快速識(shí)別該類(lèi)型是接口。如:

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

接口的主要作用就是用來(lái)進(jìn)行約束對(duì)象的規(guī)范,如:

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

使用上述 IPerson 定義對(duì)象的時(shí)候,上述三個(gè)屬性都是必加的,如果漏掉一個(gè)就會(huì)有錯(cuò)誤提示。那如果某些屬性有些對(duì)象有,有些對(duì)象沒(méi)有呢?比如職業(yè)。

接口成員也可以是缺省的,定義的時(shí)候使用 "?" ,如:

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

但是在特殊情況下,有些人有飲食忌諱,大多數(shù)沒(méi)有,有些人有特殊愛(ài)好,大多數(shù)也沒(méi)有,此時(shí)這個(gè)屬性不能具體,此時(shí)就可以添加任意屬性,使用 propName 來(lái)定義,如:

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

添加任意屬性之后,可以添加任意多個(gè)特殊屬性。

2、接口繼承

接口和類(lèi)一樣,接口也可以相互繼承。能夠從一個(gè)接口里復(fù)制成員到另一個(gè)接口里,可以靈活地將接口分割到可重用的模塊里面。繼承的時(shí)候使用 extends 關(guān)鍵字。如:

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"
}

一個(gè)接口可以繼承一個(gè)或多個(gè)接口,多個(gè)接口之間使用逗號(hào) "," 分割。如:

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

接口的繼承也就是接口的擴(kuò)展,接口擴(kuò)展就是多添加了一些約束,一個(gè)接口可以擴(kuò)展多個(gè)接口。

3、類(lèi)實(shí)現(xiàn)接口

在 typeScript 中,接口可以繼承類(lèi),這樣接口就具有了類(lèi)的所有成員,同時(shí)這個(gè)接口只能引用這個(gè)類(lèi)或者它的字類(lèi)的實(shí)例。如:

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);

接口繼承一個(gè)類(lèi)類(lèi)型時(shí),它會(huì)繼承類(lèi)的成員但不包括其實(shí)現(xiàn)。

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

相關(guān)文章

最新評(píng)論