如何在TypeScript中定義函數(shù)并轉(zhuǎn)換成JS中的函數(shù)

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

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

第一步：新建TypeScript文件

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

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

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

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

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

第三步：生成JS文件并引入HTML頁面

直接運行TypeScript文件，HBuilder會自動生成同名的JS文件。接著，新建一個HTML5頁面，并在該頁面中引入剛生成的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文件并在瀏覽器中打開，打開瀏覽器控制臺，查看打印結(jié)果。

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

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

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

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

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