
当前位置:首页 > 图灵资讯 > 技术篇> 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.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>
