当前位置: 首页 > 图灵资讯 > 技术篇> typescript 入门例子 Hello world——ts就是一个宿主机语言

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

来源:图灵教育
时间:2023-06-01 09:51:04

安装 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可以看到结果!如果使用前端:

<script type="text/typescript">var hw:string="Hello World!"; //定义字符串变量documenttent.write(<h1>"+hw+"</h1>); ///在页面上显示结果,这句话很熟悉吗?

要想直接在页面上编译看到结果,还需要引用typescripttt.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>