TypeScript 入門

時間 2019-11-08

標籤 typescript 入門简体版

原文原文鏈接

1. Why TypeScript?

首先咱們來聊一下爲何要使用 TypeScript 這款語言html

舉個栗子typescript

就拿 seaconch 本身來講吧， seaconch 的編程線路是從 dotnet 學習而來，能夠說是從 VS 從 2010 ~ 2017 都有使用過，其實不少時候都有一種，哪裏不會.哪裏的感受；就好比我將NewtonSoft包引入到了項目中，而後我就像看看我都能調用他的什麼方法，我.一下就出來了npm

然而！編程

到了 JavaScrirpt 當中後，你前腳寫的一個"結構"，後腳就已經沒法經過.來獲取到他其中所包含的字段了；這真的讓人很不適應學習

其實這也就是強類型語言與弱類型語言的一個區別了spa

這裏咱們不討論他們各自的優缺點，蘿蔔青菜各有所愛3d

可不得不認可，當項目比較複雜的時候，這中問題每每是很噁心的code

TypeScript 其實就是將 JavaScript 做爲強類型靜態語言來使用的語言htm

2. Install

咱們使用通用性更強的 npm 安裝方式blog

npm i -g typescript

tip： install 通常能夠簡寫爲 i

3. Demo

安裝好了以後，咱們來看這樣一個栗子：

這是一段 TypeScript 代碼

而且 seaconch 寫了不少的註釋，（有時候 seaconch 喜歡寫一些羅裏吧嗦的註釋，其實並非爲了給別人看，主要是怕本身之後看起來太費勁...不少時候代碼寫着寫着複雜性就控制不住了...）

咱們來看一下 TypeScript 能夠幹什麼吧，這裏先不將代碼，只看效果：

3.1 "."

能夠看到咱們定義在 Class 裏的不管是屬性 / 字段仍是方法，都有被帶出來，重點是沒有那些看都看不懂的東西被帶出來，也許只是我看不懂而已吧 = =...

3.2 簽名

3.3 靜態類型檢查

能夠說是很靜態類型啦

4. 編譯

始於JavaScript，歸於JavaScript

雖然 TypeScript 文件的後綴名是 .ts ，但編譯後太將生成 純粹的 JavaScript 代碼文件

運行 TypeScript 編譯器進行編譯：

tsc main.ts

編譯後會生成 .js 文件

感興趣的同窗能夠去打開查看一下

5. 運行

這裏咱們也使用 html 文件來查看效果

html 文件內容以下：

<!DOCTYPE html>
<html>
    <head><title>TypeScript Greeter</title></head>
    <body>
        <script src="main.js"></script>
    </body>
</html>

執行效果如圖所示：

6. 結語

TypeScript 看起來很不錯，雖然各類繼承嵌套也會讓人感到很複雜，但在多人協做的場景下也不得不說強類型是有很是大的優點的。

文章很簡單，涉及的東西也不多，不過但願能夠在這簡單的幾眼幫助你們大體的瞭解一下什麼是 TypeScript 以及爲何要用 TypeScript。

1. TypeScript入門
2. Typescript入門
3. typescript 入門
4. TypeScript入門-類
5. TypeScript（入門）
6. 入門 typescript
7. typescript入門
8. React+TypeScript入門
9. typescript入門(一)
10. TypeScript入門（一）
更多相關文章...
• Memcached入門教程 - NoSQL教程
• Neo4j數據庫入門教程 - NoSQL教程
• YAML 入門教程
• Java Agent入門實戰（一）-Instrumentation介紹與使用

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。