TypeScript 與 Springboot 之惑

前言

接觸java和angular也有一段時間了，天天除了上課就是在看教程，感受這兩門語言都挺神奇的，一羣看不懂的代碼搭配在一塊兒，造成了初級的界面，還能進行交互，一開始覺得以.ts爲後綴的文本寫的是後臺：

TeacherController

---

teacher-edit.components.ts

---

前臺以ts爲後綴的文本中要寫入的代碼與後臺的類似至極，都有引入時的import聲明，都有「@」註解，都有private類型的方法，一開始的想法就是，這不就是兩個後臺嗎，後來越想越不明白，以ts爲後綴的文本到底有什麼做用呢？？？

探究

一開始理所固然的認爲TypeScript是後臺，那麼TypeScript必定是後臺，而後直到看到了教程的解釋：

JavaScript是個偉大、靈活的語言。同時它有具備着上手極簡單、精通特別難的特色。這有些相似於網絡遊戲，剛剛接觸的時候感受沒有什麼進而會給你極其優越的成就感；但隨着時間的推移總會出一現新奇的東西須要學習和掌握。固然了，對於咱們而言即是一路踩坑、爬坑的經歷。 TypeScript及其相似的語言正是看到了這一點，使得新手在使用 JavaScript可以少踩一些坑，使得習慣了使用不太靈活的面向對象的語言的開發人員可以快速開發 JavaScript程序。其實本質上 TypeScript並非一門語言而一個解析器，它使用一些新的語法、規範來約束咱們的開發，而最終交給瀏覽器去執行的仍然是 JavaScript，只不過這個 JavaScript是由 TypeScript翻譯後自動生成的。

官方如是說：TypeScript is a superset of JavaScript that compiles to clean JavaScript output.、TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. Any browser. Any host. Any OS. Open source.

再來看一下維基百科給的解釋：

TypeScript是一種由微軟開發的自由和開源的編程語言。它是JavaScript的一個嚴格超集，並添加了可選的靜態類型和使用看起來像基於類的面向對象編程語法操做 Prototype。C#的首席架構師以及Delphi和Turbo Pascal的創始人安德斯·海爾斯伯格參與了TypeScript的開發。46

TypeScript設計目標是開發大型應用，而後轉譯成JavaScript。[8]因爲TypeScript是JavaScript的嚴格超集，任何現有的JavaScript程序都是合法的TypeScript程序。

TypeScript支持爲現存JavaScript庫添加類型信息的定義文件，方便其餘程序像使用靜態類型的值同樣使用現有庫中的值。當前有第三方提供經常使用庫如jQuery、MongoDB、Node.js和D3.js的定義文件。

到底JavaScript與Java有什麼聯繫呢？？？
1995年，網景招募了布蘭登·艾克，目標是把[Scheme]語言嵌入到Netscape Navigator瀏覽器當中。但更早以前，網景已經跟昇陽合做在Netscape Navigator中支持Java，這時網景內部產生激烈的爭論。後來網景決定發明一種與Java搭配使用的輔助腳本語言而且語法上有些相似，這個決策致使排除了採用現有的語言，例如或Scheme。爲了在其餘競爭提案中捍衛JavaScript這個想法，公司須要有一個能夠運做的原型。艾克在1995年5月僅花了十天時間就把原型設計出來了。

最初命名爲Mocha，1995年9月在Netscape Navigator 2.0的Beta版中更名爲LiveScript，同年12月，Netscape Navigator 2.0 Beta 3中部署時被重命名爲JavaScript，當時網景公司與昇陽電腦公司組成的開發聯盟爲了讓這門語言搭上Java這個編程語言「熱詞」，所以將其臨時更名爲JavaScript，往後這成爲大衆對這門語言有諸多誤解的緣由之一

---

理解

在看完解釋以後，突然想到了以前寫過的php項目，用到了很多「JS」語句，可是當時不是很瞭解，再加上之前寫的語句跟如今寫的大不相同，根本就沒想到這倆是一家，結合看過的文檔以及以前寫過的JS語句，根據本身所理解的，做了一幅圖：

---

HTML渲染出來的界面展現到瀏覽器上，用戶能夠看到渲染出來的界面並進行操做，如點擊按鈕等，TypeScript對用戶的操做作出反應，例如用戶想要查看某人的信息，HTML界面展示出來的只有一個按鈕，TypeScript負責監控用戶是否點擊按鈕，而且負責執行點擊按鈕後的一系列動做，在用戶點擊按鈕後，TypeScript獲取到用戶的身份信息，攜帶用戶身份信息與後臺交互，在接受返回的數據後，還要判斷信息是否爲空以及爲空後執行什麼動做，不得不說TypeScript的做用真的特別大。

結語

在結束php的學習後，發現新學的知識更深了，感受有些方法使用起來真是彆扭的不行，並且感受Spring的M V C 區分的不如php分明，不事後來理解了以後發現其實也並非那麼難搞，總結起來就是不夠熟練，剛開始居然連先後臺都分不清，不過在理解了以後，再寫起來就順暢了很多，熟能生巧，多加練習纔是硬道理。