有朋友跟我說最近面試前端候選人，問到關于 JavaScript 的一些少見誤區(qū)問題，候選人很多都沒回答上來，他很詫異，一個從國際大廠出來的面試者，竟然對 JavaScript 的一些誤區(qū)問題都不了解。
他說候選人給出的原因是：平時使用 TypeScript 比較多，所以不需要關注這些。”他的描述讓我對 TypeScript 產生了好奇：TypeScript 真的能讓我們避免掉 JavaScript 大部分的誤區(qū)問題？帶著這樣的好奇，我開始在業(yè)務應用中嘗試使用 TypeScript。通過使用靜態(tài)類型約束 React 組件 Props 和 State，我發(fā)現(xiàn)它與使用 JavaScript 相比，不僅支持在任何地方直觀地獲取組件的接口定義，還能對屬性、狀態(tài)中的值是否為空進行自動檢測并給出提示（容錯處理），甚至還支持對 React JSX 元素接收的各種屬性、方法的檢測和提示。用了一段時間的 Typescript 之后，深感中大型項目中 typescript 的必要性，它能夠提前在編譯期避免許多 bug，如很惡心的拼寫問題。相比競爭對手 Facebook 的 Flow 而言，TypeScript 更具備類型編程的優(yōu)勢，而且還有 Microsoft、Google 這兩家國際大廠做背書。另外，越來越多的主流框架（例如 React、Vue 3、Angular、Deno、Nest.js 等）要么選用 TypeScript 編寫源碼，要么為 TypeScript 提供了完美的支持。國內各大互聯(lián)網公司和中小型團隊都開始嘗試使用 TypeScript 開發(fā)項目，且越來越多的人正在學習和使用它。
與其他語言不同，TypeScript 和 JavaScript 的語法并沒有明顯的區(qū)別，意味著你無需學習很多知識就可以開始無縫編寫 TypeScript 代碼。也就是說，你可以在任何設備、瀏覽器或操作系統(tǒng)上運行 TypeScript，它全平臺兼容。
看明白知識點很容易，而難點在于融會貫通。除了關注工程實踐，還應該關注核心知識點的深入理解和吸收，避免從理論到實踐無從著手的無力感，只有吃透其中的原理，才能真正打造屬于自己的強有力武器。最近我看到拉勾教育推出了一個專欄「TypeScript 入門實戰(zhàn)筆記」，我看了看內容設置很靠譜，講得都是 TypeScript 非常核心的原理及應用，里面的很多方案都可以復用在實際工作場景中。現(xiàn)在上新期剛好只賣 1 元，建議前端都要囤一份，每一講都會對你現(xiàn)在的開發(fā)工作有幫助。
講師叫乾元，前去哪兒資深前端工程師，曾就職于去哪兒、搜狗等大廠，現(xiàn)就職于某新興一線大廠。2018 年著手推動了 TypeScript 在上百個業(yè)務應用里全面實踐，構建了 TypeScript + React、Redux、NestJS 的全棧技術生態(tài)，積累了豐富的 TypeScript 架構開發(fā)經驗。
帶你了解 TypeScript Config 內主要配置的作用，從而可以按需定制類型檢測、構建轉譯的行為；
講解 TypeScript 基本類型的應用，讓你可以熟練地約定數(shù)據、接口；
TypeScript 進階應用：泛型、類型斷言等，從而完全掌握類型編程，并善用組合衍生高階類型滿足實際業(yè)務需求；
TypeScript 開發(fā)、調試的工具和技巧：錯誤處理等，從而可以在業(yè)務開發(fā)中得心應手地應用 TypeScript。
這個專欄從環(huán)境搭建開始，由淺入深講解了三個模塊的內容，幫助你快速掌握 TypeScript 技術棧，學會構建高可讀性、高穩(wěn)定性前端應用。這個模塊將介紹 TypeScript 環(huán)境搭建，并結合淺顯易懂的示例與應用場景講解 TypeScript 基礎類型。這部分內容是掌握 TypeScript 編程的一塊敲門磚，學完之后，你將對 TypeScript 的核心知識和概念有個整體印象。這個模塊主要講解類型守衛(wèi)、類型兼容、工具類型等概念，及其在實際業(yè)務中的作用和使用技巧。學完之后，能加深你對進階知識和工具的理解，并教你掌握造輪子（打造自己的工具類型）進行類型編程的能力。這個模塊將結合業(yè)務實戰(zhàn)系統(tǒng)地講解 TypeScript Config 配置、TypeScript 常見錯誤分析定位、瀏覽器等知識，以及 JavaScript 項目改造實踐。還會穿插講師歷經數(shù)百個應用開發(fā)總結出來的 TypeScript 開發(fā)最佳實踐經驗，助你在業(yè)務開發(fā)中更好地應用 TypeScript。
