TypeScript 函式介面
介面除了可以規定普通物件的型別,也可以規定函式的型別。
程式碼如下:
[typescript] 純文字檢視 複製程式碼interface Ifunc { (str: string): boolean; }
上面程式碼規定,函式接受一個字串引數,並且返回值是布林型。
[typescript] 純文字檢視 複製程式碼interface Ifunc { (str: string): boolean; } let func:Ifunc=function(str:string){ return true; }
再來看一段程式碼例項:
[typescript] 純文字檢視 複製程式碼interface Ifunc { (str: string): boolean; } let func:Ifunc=function(str:number){ return true; }
上面程式碼會報錯,因為函式的引數是number型別,與介面規定不匹配。
函式的引數名不需要與介面裡定義的名字相匹配,只需要型別相同即可:
[typescript] 純文字檢視 複製程式碼interface Ifunc { (str: string): boolean; } let func:Ifunc=function(antString:string){ return true; }
函式的型別可以省略,TypeScript的型別系統會推斷出引數型別:
[typescript] 純文字檢視 複製程式碼interface Ifunc { (str: string): boolean; } let func:Ifunc=function(str){ return true; }
右邊的函式沒有規定引數的型別,但是它是賦值給Ifunc型別變數,所以str會被推斷為string型別。
相關文章
- TypeScript 簡明教程:介面、函式與類TypeScript函式
- TypeScript 函式相容TypeScript函式
- TypeScript---函式TypeScript函式
- TypeScript(6)函式TypeScript函式
- TypeScript 函式過載TypeScript函式
- TypeScript 箭頭函式TypeScript函式
- TypeScript 函式型別TypeScript函式型別
- TypeScript 的 generic 函式TypeScript函式
- 函式式介面函式
- TypeScript學習(二)—— 函式TypeScript函式
- Java函式式介面Java函式
- TypeScript中的函式詳解TypeScript函式
- TypeScript 中函式的理解?與 JavaScript 函式的區別?TypeScript函式JavaScript
- 詳解Java函式式介面Java函式
- TypeScript 介面TypeScript
- TypeScript基礎入門-函式-簡介TypeScript函式
- TypeScript基礎入門-函式-過載TypeScript函式
- 鴻蒙開發TypeScript語言:【函式】鴻蒙TypeScript函式
- java8特性-函式式介面Java函式
- Java 函式式介面 lamada 應用Java函式
- Java 8 Function 函式介面JavaFunction函式
- 介面、虛擬函式、純虛擬函式、抽象類函式抽象
- TypeScript--介面TypeScript
- TypeScript(4)介面TypeScript
- Serverless 實戰 —— 函式計算 + Typescript 實踐Server函式TypeScript
- 學會TypeScript中函式過載寫法TypeScript函式
- TypeScript 定義函式的幾種寫法TypeScript函式
- Java @FunctionInterface函式式介面使用說明JavaFunction函式
- Java學習隨筆(函式式介面)Java函式
- 簡析JAVA8函式式介面Java函式
- 標準IO常用函式介面函式
- PostgreSQL的 SPI_介面函式SQL函式
- 請別誤用 TypeScript 過載函式型別TypeScript函式型別
- TypeScript中的介面TypeScript
- TypeScript 介面繼承TypeScript繼承
- Java8之Stream-函式式介面Java函式
- JDK8新特性之函式式介面JDK函式
- 「Java8系列」神奇的函式式介面Java函式