typescript函数使用
生活随笔
收集整理的這篇文章主要介紹了
typescript函数使用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一、定義函數的方式:
- 函數聲明(Function Declaration)
- 函數表達式(Function Expression)
- 用接口定義函數
函數的類型
(1)函數聲明
function sumNumber(x: number, y: number): number {return x + y }sumUpNumber(1, 2)function addMyMes(x: number, y: number): number {return x + y } addMyMes(1, 2, 3) //錯誤寫法 addMyMes(1) //錯誤寫法(2)函數表達式
let mySum: (x: number, y: number) => number = function(x: number,y: number ): number {return x + y }(3)接口定義函數
interface Search {(source: string, name: string): boolean }let ser: Search ser = function(source: string, name: string) {return source.search(name) !== -1 } ser('mayouchen', 'ma')二、設置可選參數:
function buildss(firstName: string, lastName?: string) {if (lastName) {return firstName + ' ' + lastName} else {return firstName} }let buildchild = buildss('ma', 'youchen') let buildchildTwo = buildss('mayouchen')//錯誤寫法
function buildName(firstName?: string, lastName: string) {//錯誤寫法if (firstName) {return firstName + ' ' + lastName} else {return lastName} } let tomcat = buildName('Tom', 'Cat') let tomss = buildName(undefined, 'Tom')三、設置默認參數
function buildCats(firstName: string, lastName: string = 'Cat') {return firstName + ' ' + lastName } let littlecat = buildCats('Tom', 'Cat') let littlecat2 = buildCats('Tom')四、帶有可選參數
function mayoNames(firstName: string = 'Tom', lastName?: string): string {return firstName + ' ' + lastName } let mayouNames = mayoNames('Tom', 'Cat') let mayouNames2 = mayoNames('youchen', 'Cat')五、剩余參數
function pushMess(array: any[], ...items: any[]) {items.forEach(function(item) {array.push(item)})return array }let a = [] pushMess(a, 1, 2, 3)六、重載
重載允許一個函數接受不同數量或類型的參數時,作出不同的處理。
TypeScript 會優先從最前面的函數定義開始匹配,所以多個函數定義如果有包含關系,需要優先把精確的定義寫在前面。
總結
以上是生活随笔為你收集整理的typescript函数使用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: typescript数组类型
- 下一篇: typescript类型断言