類(lèi)似JavaScript，TypeScript也可以定義和調(diào)用函數(shù)，只不過(guò)需要指定函數(shù)參數(shù)的數(shù)據(jù)類(lèi)型和函數(shù)返回值的類(lèi)型，并且數(shù)據(jù)類(lèi)型要保持一致。下面利用具體的實(shí)例說(shuō)明，操作如下： 第一步：新建Typ

類(lèi)似JavaScript，TypeScript也可以定義和調(diào)用函數(shù)，只不過(guò)需要指定函數(shù)參數(shù)的數(shù)據(jù)類(lèi)型和函數(shù)返回值的類(lèi)型，并且數(shù)據(jù)類(lèi)型要保持一致。下面利用具體的實(shí)例說(shuō)明，操作如下：

第一步：新建TypeScript文件

首先，在已打開(kāi)的HBuilder工具中，新建一個(gè)TypeScript文件。在該文件中，我們將定義一個(gè)名為mulNum的函數(shù)。代碼如下：

function mulNum(x: number, y: number): number {
    return x * y;
}

第二步：調(diào)用函數(shù)并打印結(jié)果

接下來(lái)，在函數(shù)的下方調(diào)用mulNum函數(shù)，并傳入兩個(gè)數(shù)值類(lèi)型的參數(shù)。通過(guò)console.log()函數(shù)打印函數(shù)的返回結(jié)果。代碼如下：

console.log(mulNum(2, 3));

第三步：生成JS文件并引入HTML頁(yè)面

直接運(yùn)行TypeScript文件，HBuilder會(huì)自動(dòng)生成同名的JS文件。接著，新建一個(gè)HTML5頁(yè)面，并在該頁(yè)面中引入剛生成的JS文件。

lt;htmlgt;
lt;headgt;
    lt;script src"mulNum.js"gt;lt;/scriptgt;
lt;/headgt;
lt;bodygt;
    lt;scriptgt;
        console.log(mulNum(2, 3));
    lt;/scriptgt;
lt;/bodygt;
lt;/htmlgt;

第四步：預(yù)覽結(jié)果

保存HTML文件并在瀏覽器中打開(kāi)，打開(kāi)瀏覽器控制臺(tái)，查看打印結(jié)果。

第五步：使用另一種方式聲明函數(shù)

在TypeScript中，還可以使用另一種方式來(lái)聲明函數(shù)。代碼如下：

let mulNum  (x: number, y: number): number > {
    return x * y;
}

第六步：再次運(yùn)行并查看結(jié)果

保存修改后的TypeScript文件，并再次運(yùn)行HTML頁(yè)面，查看瀏覽器控制臺(tái)中的打印結(jié)果。