如果評定前端在最近五年的重大突破，Typescript肯定能名列其中，重大到各大技術論壇、大廠面試都認為Typescript應當是前端的一項必會技能。作為一名消息閉塞到被同事調侃成“新石器時代碼農”的我，也終於在2019年底上車了Typescript。使用的一年間整理了許多的筆記和代碼片段，花了 ...

泛型的定義 泛型， 軟件開發過程中，我們不僅要創建一致的定義良好的api， 同時也要考慮可重用性。 組件不僅能夠支持當前的數據類型，同時也能支持未來的數據類型，這在創建大型系統時為你提 ...

在 JavaScript 中，有兩種方式定義方法。 1、命名的方法 2、匿名方法 在 TypeScript 中，也兼容上面兩種定義方式，但是，既然我們用的是 TypeScript，那么肯定要強於本來的定義方式。 1、類型化方法 為參數和返回值定義 ...

在 EcmaScript 6 中，我們將會擁有原生的類，而不是像現在通過原型鏈來實現。使用 TypeScript 我們能提前體驗這一特性。 首先來看看一個簡單的例子： 我們使用 class 關鍵字來定義了，使用 constructor 來定義構造函數，使用 this 關鍵字來指代 ...

前端數據驗證在改善用戶體驗上有很大作用，在學了之前的知識的時候，我們很可能會寫出以下代碼： 那么這段代碼最大的問題是什么呢？一個是沒法復用，驗證的封裝和驗證過程在同一個文件，驗證的封裝 ...

typescript中的數據類型1.基礎類型 string,number,null,undefined,boolean undefined：一個沒被分配值的變量 null:人為分配一個空值 strictNullChecks: tsconfig.json中配置項，值為on時，在使用可能是 ...

Vue CLI 內置了 TypeScript 工具支持。在 Vue 的下一個大版本 (3.x) 中也計划了相當多的 TypeScript 支持改進，包括內置的基於 class 的組件 API 和 TSX 的支持。 創建工程npm install --global @vue/clivue ...

認識泛型 TypeScript也實現了類型於C#和Java的泛型以實現類型的參數化，我們先看一個需求： 我們希望方法identity可以傳入任意類型，並且返回傳入的類型，這樣寫可以達到效果但是不能確定返回的類型，使用泛型的寫法如下： 我們可以指定類型 ...