TypeScript入門

前言

TypeScript 是最近比較新的一門語言,它主要用於代替 JavaScript。爲什麼要推出 TypeScript 來代替 JavaScript呢? 主要是因爲 JavaScript是一種無類型的腳本語言,這種語言有很大的弊端,最主要的弊端就是沒有類型檢查。

所以從名子你就可以看出 TypeScript 的含議就是有類型檢查的 JavaScript 語言。

使用 TypeScript 的過程

由於要進行類型檢查,所以 TypeScript 就與 JavaScript 的使用有一些不同的。首先你要清楚的時,在瀏覽器上,最終還是要使用 JavaScript 來控制頁面的,TypeScript 編寫出來的腳本不能直接在瀏覽器上運行,你編寫出的 ts 腳本要經過編譯器編譯成 JavaScript 腳本,然後再用 HTML5 引入使用。

學過編譯原理的同學都清楚,只要涉及到類型檢查,就要通過編譯器編譯,否則類型是無法進行檢測的。

因此,TypeScript的使用過程:

  • 編寫 TypeScript 腳本
  • 編譯。 TypeScript 的編譯工程是 tsc,即 ts compiler。
  • 生成JavaScript 後,進行使用。

一個最簡單的 TypeScript 程序

下面我們就來寫一個最簡單的 TypeScript程序,瞭解一下整個使用過程。咱們還是以 Helloworld 爲例:

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

let user='xxx'
console.log(hello(user));

上面就是一個簡單的 TypeScript腳本,有了這個腳本後我們需要先對其進行編譯,編譯執行下面的命令:

tsc hello.ts

編譯出 JavaScript 腳本後,通過 HTML5 引用一下就好了,代碼如下:

<head>
    <head>
        <title>user typescript</title>
    </head>
    <body>
        <script type="text/javascript" src="./hellots.js"></script>
    </body>
</head>

至此,一個 TypeScript的簡單使用過程就完成了,還是蠻簡單的對吧!

TypeScrpt 語法學習

小結

未完待續...

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章