1. 程式人生 > >typeScript(8):ts面向物件程式設計/介面

typeScript(8):ts面向物件程式設計/介面

在通常情況下,介面是用來定義一些規範,使用這些介面,就必須實現按照介面中的規範來走。

在面向物件的語言中,術語interface經常被用來定義一個不包含資料和邏輯程式碼但是用來簽名定義了行為的抽象型別。

認識介面

定義介面的關鍵字是interface。我們現在就來定義一個介面。規範了介面引數型別和具體個數

interface Husband{
    sex:string,
    interest:string,
}

let myHusband:Husband = {sex:"男",interest:"打籃球!做家務!"}

console.log(myHusband)    //輸出=>    { sex: '男', interest: '打籃球!做家務!' }

可選引數的介面

關鍵是 ‘?’

interface Husband{
    sex:string,
    interest:string,
    maibaobao?:Boolean             //可選引數  ? 為可選引數
}

let myHusband:Husband = {sex:"男",interest:"打籃球!做家務!",maibaobao:true}

console.log(myHusband)    //輸出=>    { sex: '男', interest: '打籃球!做家務!', maibaobao: true }

規範函式型別介面

interface SearchMan{
    (source:string,subString:string):boolean
}

let mySeach:SearchMan


mySeach = function(source:string,subString:string):boolean{
    let Flag = source.search(subString)
    return (Flag!=-1)
}

console.log(mySeach('高,富,帥','胖'))       //輸出   false       ‘胖’  不在  '高,富,帥'  之中
console.log(mySeach('高,富,帥','帥'))       //輸出   true       

目前學習的都是基礎部分,不要侷限,更多在專案中靈活運用。有問題歡迎提出!感覺還行的童鞋,可以收藏一下,不定時更新新的技術和工作技巧,哦!