如何在TypeScript中定义函数并转换成JS中的函数

类似JavaScript，TypeScript也可以定义和调用函数，只不过需要指定函数参数的数据类型和函数返回值的类型，并且数据类型要保持一致。下面利用具体的实例说明，操作如下：

第一步：新建TypeScript文件

首先，在已打开的HBuilder工具中，新建一个TypeScript文件。在该文件中，我们将定义一个名为mulNum的函数。代码如下：

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

第二步：调用函数并打印结果

接下来，在函数的下方调用mulNum函数，并传入两个数值类型的参数。通过console.log()函数打印函数的返回结果。代码如下：

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;

第四步：预览结果

保存HTML文件并在浏览器中打开，打开浏览器控制台，查看打印结果。

第五步：使用另一种方式声明函数

在TypeScript中，还可以使用另一种方式来声明函数。代码如下：

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

第六步：再次运行并查看结果

保存修改后的TypeScript文件，并再次运行HTML页面，查看浏览器控制台中的打印结果。

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。