3 typeScript中的函式

2021-10-07 14:52:00 字數 2700 閱讀 1981

函式的定義

es5的定義

方法

//函式宣告法

function run()

//函式表示式

var run2=function()

ts中定數的方法

//函式宣告法

function run():string

// 錯誤寫法

function run2():string

//函式表示式

var fun2=function():number

alert(fun2()); /*呼叫方法*/

ts中定義方法傳參

function getinfo(name:string,age:number):string --- $`;

}alert(getinfo('zhangsan',20));

var getinfo2=function(name:string,age:number):string --- $`;

}alert(getinfo2('zhangsan',40));

沒有返回值的方法:

void

表示沒有任何型別,一般用於定義方法的

時候方法

沒有返回值

function run():void

run();

typescript函式可選引數

ts中實參和形參必須一樣,如果不一樣就需要配置可選引數

用? 來說明元素是可選的,可選引數必須配置到引數的最後面

可選元素必須在必選元素的後面,也就是如果乙個元素字尾了 ?號,其後的所有元素都要字尾 ?號。

正確寫法

function getinfo(name:string,age?:number):string --- $`;

}else ---年齡保密`;

}}alert(getinfo('zhangsan'))

alert(getinfo('zhangsan',123))

錯誤寫法

function getinfo(name?:string,age:number):string --- $`;

}else ---年齡保密`;

}}alert(getinfo('zhangsan'))

typescript函式的預設引數|可選引數:es5裡面沒法設定預設引數,

ts可以設定預設引數

預設引數

function getinfo(name:string,age:number=20):string --- $`;

}else ---年齡保密`;

}}alert( getinfo('張三'));

alert( getinfo('張三',30));

typescript函式的剩餘引數

function sum(a:number,b:number,c:number,d:number):number

alert(sum(1, 2, 3, 4));

擴充套件運算子 陣列接受形參傳過來的值

function sum2(...result:number):number

function css(config,value){}

ts中的過載,引數校驗

function getinfo(name:string):string;

function getinfo(age:number):string;

function getinfo(str:any):anyelse

}alert(getinfo('張三'));//正確

alert(getinfo(20));//正確

alert(getinfo(true));//錯誤寫法

function getinfo2(name:string):string;

function getinfo2(name:string,age:number):string;

function getinfo2(name:any,age?:any):anyelse

}alert(getinfo2('zhangsan')); /*正確*/

alert(getinfo2(123)); //錯誤

alert(getinfo2('zhangsan',20));

typescript函式的箭頭函式es6

settimeout(function(),1000)

settimeout(()=>,1000)

3 typescript類的定義

一 ts中定義類 class person run void var p new person 張三 p.run 二 ts中實現繼承 extends super class person run string在運動 var p new person 王五 alert p.run class web ...

TypeScript中的函式

1.用function來定義函式 返回值的number可以省略,這是由於ts的型別推斷 function add1 x number,y number number 2.通過變數來定義函式型別 let add2 x number,y number number 3.通過型別別名來定義函式型別 typ...

typescript 函式的定義

function run name string,age number string run bob 14 let run function num number number run 18 let run name string,age number string i am run john 30...