typescript 入門例子 Hello world——ts就是一個宿主機語言


安裝 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!"; //定義一個字符串變量
document.write(<h1>"+hw+"</h1>); //將結果顯示在頁面上,這句話是不是很熟悉呢。

如果想在頁面上直接編譯看到結果,還需要引用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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM