TypeScript憑什么成為前端圈新寵？
前端圈流行一句話：“任何能用 JavaScript 實(shí)現(xiàn)的應(yīng)用，最終都會(huì)用 JavaScript 實(shí)現(xiàn)。”
從移動(dòng)終端到后端服務(wù)，從 IoT 到神經(jīng)網(wǎng)絡(luò)，JavaScript 幾乎無(wú)處不在。如此廣闊的應(yīng)用領(lǐng)域，自然對(duì)語(yǔ)言的安全性、健壯性和可維護(hù)性有更高的要求。
盡管 ES 標(biāo)準(zhǔn)在近幾年有了長(zhǎng)足的進(jìn)步，但在類型檢查方面依然無(wú)所建樹。大家可能常常會(huì)遇到這樣到場(chǎng)景：
你調(diào)用一個(gè)別人寫的函數(shù)，很不幸，這個(gè)家伙沒(méi)有留下任何注釋，為了搞清楚參數(shù)類型，你只能硬著頭皮去看里面的邏輯。
為了保證代碼的健壯性，你很有責(zé)任心，對(duì)一個(gè)函數(shù)的輸入?yún)?shù)進(jìn)行各種假設(shè)，最終給老板盛上了一碗香噴噴的意大利面。
領(lǐng)導(dǎo)看好你，讓你維護(hù)一個(gè)重要的底層類庫(kù)，你殫精竭慮，優(yōu)化了一個(gè)參數(shù)類型，但不知道有多少處引用，在提交代碼前，是否感到脊背發(fā)涼？
明明定義好了接口，可一聯(lián)調(diào)就報(bào)錯(cuò)了——“TypeError: Cannot read property 'length' of undefined”，于是你怒氣沖沖地去找后端理論：“嘿，哥們兒！這個(gè)字段是數(shù)組！這個(gè)字段是數(shù)組！這個(gè)字段是數(shù)組！”
歸根結(jié)底，是因?yàn)?JavaScript 是一門動(dòng)態(tài)弱類型語(yǔ)言， 對(duì)變量的類型非常寬容，而且不會(huì)在這些變量和它們的調(diào)用者之間建立結(jié)構(gòu)化的契約。如果你長(zhǎng)期在沒(méi)有類型約束的環(huán)境下開(kāi)發(fā)，就會(huì)造成“類型思維”的缺失，養(yǎng)成不良的編程習(xí)慣，這也是做前端開(kāi)發(fā)的短板之一，值得我們警醒。
幸運(yùn)的是，TypeScript 的出現(xiàn)很好地彌補(bǔ)了 JavaScript 在靜態(tài)類型檢查方面的缺陷。它為 JavaScript 提供了良好的類型檢查支持，而且能夠編譯成標(biāo)準(zhǔn)的 JavaScript。
目前， Angular 已經(jīng)使用 TypeScript 重構(gòu)了代碼，另一大前端框架 Vue 的新版本也將使用 TypeScript 進(jìn)行重構(gòu)。在可預(yù)見(jiàn)的未來(lái)，TypeScript 將成為前端開(kāi)發(fā)者必須掌握的開(kāi)發(fā)語(yǔ)言之一。
那么， TypeScript 究竟有哪些特性使得它成為大家的”剛需“？
第一，類型檢查。TypeScript 會(huì)在編譯代碼時(shí)進(jìn)行嚴(yán)格的靜態(tài)類型檢查，這意味著你可以在編碼階段發(fā)現(xiàn)可能存在的隱患，而不必把它們帶到線上。
第二，語(yǔ)言擴(kuò)展。TypeScript 會(huì)包括來(lái)自 ES 6 和未來(lái)提案中的特性，比如異步操作和裝飾器；也會(huì)從其他語(yǔ)言借鑒某些特性，比如接口和抽象類。
第三，工具屬性。TypeScript 能夠編譯成標(biāo)準(zhǔn)的 JavaScript，可以在任何瀏覽器、操作系統(tǒng)上運(yùn)行，無(wú)需任何運(yùn)行時(shí)的額外開(kāi)銷。從這個(gè)角度上講，TypeScript 更像是一個(gè)工具，而不是一門獨(dú)立的語(yǔ)言。
除此之外，TypeScript 還可以幫助團(tuán)隊(duì)重塑“類型思維”，接口提供方將被迫去思考 API 的邊界，他們將從代碼的編寫者蛻變?yōu)榇a的設(shè)計(jì)者。
如何高效學(xué)習(xí) TypeScript？
TypeScript 如今已經(jīng)是 3.0+ 的版本了，功能十分強(qiáng)大完善，但大家在學(xué)習(xí)實(shí)踐時(shí)，有些問(wèn)題依然容易出現(xiàn)，比如：
初次接觸 TypeScript，很多概念和規(guī)則理解起來(lái)很難，比如接口、泛型、各種高級(jí)類型以及類型兼容性規(guī)則等等，到底怎么學(xué)才能快速上手？
TypeScript 工程如何配置？尤其是 tsconfig.json 配置項(xiàng)很多，怎么才能梳理清楚？
TypeScript 如何與現(xiàn)有開(kāi)發(fā)生態(tài)如何結(jié)合？如何從 JavaScript 過(guò)渡到 TypeScript？與主流開(kāi)發(fā)框架的結(jié)合實(shí)踐有哪些？各類構(gòu)建工具如何集成？
怎么解決？在這里我發(fā)現(xiàn)了一個(gè)超全面的 TypeScript 核心知識(shí)框架圖，內(nèi)容涵蓋 TypeScript 的語(yǔ)法基礎(chǔ)、工程配置以及四大典型前端應(yīng)用的開(kāi)發(fā)實(shí)戰(zhàn)，能幫助大家高效學(xué)習(xí)TypeScript。
圖譜的內(nèi)容出自極客時(shí)間的視頻課程《TypeScript 開(kāi)發(fā)實(shí)戰(zhàn)》，作者是梁宵，他會(huì)為你詳細(xì)解讀 TypeScript 的每個(gè)特性，能解決什么問(wèn)題？與 JavaScript 的區(qū)別在哪里？一步步帶你重塑“類型思維”，讓你最終能夠熟練使用 TypeScript 進(jìn)行實(shí)際項(xiàng)目的開(kāi)發(fā)。
梁宵是誰(shuí)？
梁宵，目前在搜狗營(yíng)銷事業(yè)部擔(dān)任高級(jí)架構(gòu)師，負(fù)責(zé)廣告和運(yùn)營(yíng)平臺(tái)業(yè)務(wù)，主導(dǎo)相關(guān) UI 框架及可視化工具的研發(fā)，同時(shí)具有豐富的企業(yè)級(jí)中后臺(tái)開(kāi)發(fā)經(jīng)驗(yàn)。
也是《hapi.js 實(shí)戰(zhàn)》《JavaScript ES6 函數(shù)式編程入門經(jīng)典》等書籍的譯者。
△ 掃我的海報(bào)，免費(fèi)試看
課程如何講解 TypeScript？
第一步，是把 TypeScript 的基本概念和語(yǔ)法講清楚，為你破除后面的障礙。
第二步，學(xué)習(xí)了語(yǔ)法仍然做不好項(xiàng)目嗎？別擔(dān)心，在這一部分作者會(huì)詳解實(shí)際開(kāi)發(fā)中涉及的問(wèn)題，比如怎么配置 tsconfig.json，怎么引入讓第三方類庫(kù)兼容 TypeScript，怎么選擇加載器、lint 工具、單測(cè)工具等等。
第三步，講解 TypeScript 如何結(jié)合最主流的兩大框架 React 和 Vue，此外還會(huì)講解 Node.js 服務(wù)端開(kāi)發(fā)，以及從舊有 JavaScript 項(xiàng)目遷移到 TypeScript 的應(yīng)該遵循的策略。
學(xué)習(xí)之后，你能收獲什么？
1.重塑“類型思維”，提升編程素養(yǎng)。
思維方式?jīng)Q定了編程習(xí)慣，編程習(xí)慣奠定了工程質(zhì)量，工程質(zhì)量劃定了能力邊界。這門課程的重點(diǎn)不僅在于講解 TypeScript 的核心知識(shí)與實(shí)戰(zhàn)應(yīng)用，更在于幫你重塑“類型思維”。面對(duì)越來(lái)越復(fù)雜的前端應(yīng)用，TypeScript 所提供的思維方法，能夠讓你在未來(lái)的開(kāi)發(fā)中長(zhǎng)期受益。
2.系統(tǒng)掌握 TypeScript 核心技術(shù)。
這個(gè)作者非常負(fù)責(zé)，為了幫大家深入理解 TypeScript 核心概念，熟練進(jìn)行 TypeScript 工程配置，他在每個(gè)篇章結(jié)束后，都會(huì)基于課程進(jìn)度及內(nèi)容，讀者學(xué)習(xí)反饋，獨(dú)家總結(jié)「核心知識(shí)圖譜」，并且會(huì)隨課程完結(jié)，贈(zèng)送給大家。
3.玩轉(zhuǎn)四種典型前端應(yīng)用的開(kāi)發(fā)。
學(xué)習(xí)的目的是為了付諸實(shí)踐，在實(shí)戰(zhàn)篇中，作者以表單查詢、數(shù)據(jù)庫(kù)操作與文件下載、組件開(kāi)發(fā)為例，手把手帶你玩轉(zhuǎn) TypeScript 在 React、Vue、以及 Node.js 中的開(kāi)發(fā)實(shí)踐，并給你展示從 JavaScript 到 TypeScript 的漸進(jìn)式遷移策略，完成實(shí)際項(xiàng)目到改造過(guò)程。
△ 掃我的海報(bào)，早鳥價(jià)入手
下面是目錄，花一分鐘看看，絕對(duì)可以找到你想要的。
