TypeScript 第一个程序

2024年11月17日 TypeScript 第一个程序 极客笔记

TypeScript 第一个程序

在本节中,我们将学习如何在TypeScript中编写程序,如何编译它以及如何运行它。另外,我们将看到如何编译程序并显示错误(如果有的话)。

让我们在文本编辑器中编写一个程序,保存它,编译它,运行它,并将输出显示到控制台。为此,我们需要执行以下步骤。

第1步 打开文本编辑器并编写/复制以下代码。

function greeter(person) {
    return "Hello, " + person;
}
let user = 'JavaTpoint';
console.log(greeter(user));

第2步 将上述文件保存为“ .ts ”扩展名。

第3步 编译TypeScript代码。要编译源代码,打开 命令提示符 ,然后转到我们保存上述文件的文件目录位置。例如,如果我们将文件保存在桌面上,请转到终端窗口并输入:- cd Desktop/folder_name 。现在,输入以下命令 tsc filename.ts 进行编译,然后按 Enter 键。

它将在与TypeScript源文件相同的位置生成带有”.js”扩展名的JavaScript文件。下面的”.js”文件是TypeScript(.ts)文件的输出结果。

注意:

如果我们直接在Web浏览器上运行“ .ts ”文件,会抛出错误消息。但是在“ .ts ”文件编译之后,我们将得到一个可以在任何浏览器上执行的“ .js ”文件。

第4步

现在,要运行上述的JavaScript文件,请在终端窗口中输入以下命令:node filename.js,并按Enter键。它会给我们最终的输出:

编译时错误

TypeScript始终在编译时报错。为此,我们需要用TypeScript编写程序,进行编译,并检查是否存在错误。

步骤1 打开文本编辑器并编写/复制以下代码。

function addNumbers(a, b) {
    return a + b;
}
var sum = addNumbers("JavaTpoint", 25);
console.log('Sum of the numbers is: ' + sum);

步骤2 保存以上文件为“ .ts ”扩展名。

步骤3 编译TypeScript代码。要编译源代码,打开 命令提示符 ,然后转到我们保存了以上文件的文件目录位置。例如,如果我们将文件保存在桌面上,转到终端窗口并键入:- cd桌面 /文件夹名称 。现在,键入以下命令 tsc文件名.ts 进行编译,然后按 Enter

此TypeScript源文件将生成一个错误,可以在以下图片中显示。

注意: 此程序出错是因为我们将变量”a”和”b”视为数字类型。但是,我们将变量”a”作为字符串传递,变量”b”作为数字传递。

本文链接:http://so.lmcjl.com/news/17987/

展开阅读全文