3 typeScript中的函式

函式的定義

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...

3 typeScript中的函式

3 typescript類的定義

TypeScript中的函式

typescript 函式的定義

相關推薦