typescript 入门例子 Hello world——ts就是一个宿主机语言

最新推荐文章于 2025-07-09 16:28:45 发布

转载最新推荐文章于 2025-07-09 16:28:45 发布 · 789 阅读

文章标签：

#javascript #前端 #ViewUI

本文介绍如何安装TypeScript及其命令行工具，并通过一个简单的例子演示了如何编写、编译并运行TypeScript程序。此外还介绍了如何在浏览器环境中使用TypeScript。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装 TypeScript

TypeScript 的命令行工具安装方法如下：

npm install -g typescript

安装完成之后，就有了 tsc 命令。编译一个 TypeScript 文件很简单：

tsc hello.ts

我们约定使用 TypeScript 编写的文件以 .ts 为后缀。

Hello TypeScript

我们从一个简单的例子开始。

将以下代码复制到 hello.ts 中：

function sayHello(person: string) {
    return 'Hello, ' + person;
}

let user = 'Xcat Liu';
console.log(sayHello(user));

然后执行

tsc hello.ts

这时候会生成一个编译好的文件 hello.js：

function sayHello(person) {
    return 'Hello, ' + person;
}
var user = 'Xcat Liu';
console.log(sayHello(user));

运行：
node hello.js
即可看到结果！



前端使用的话：

如果想在页面上直接编译看到结果，还需要引用typescript.min.js与typescript.compile.min.js。如下代码：
<html>
<head>
<title>demo</title>
</head>
<body>
<script type="text/typescript">
// TypeScript代码
</script>
<script src="lib/typescript.min.js"></script>
<script src="lib/typescript.compile.min.js"></script>
</body>
</html>