Search for a command to run...
Articles tagged with #typescript
學習資源： Codecademy Introduction 在寫 TypeScript 一個常見的挑戰是如何在程式碼會遇到的狀況下使用型別，比如下面的例子： class Robot { identify(id: number) { console.log(`beep! I'm ${id}`); } } 在上面宣告一個 class 叫做 Robot，但要怎麼去使用它？並且，一些機器人可能比其他機器人有更多的功能，或者具有變化的屬性名稱。在這些情況下，要如何去應用型別？ 所以這篇文...
學習資源： Codecademy 介紹 TypeScript 讓我們針對變數給予不同的型別。而通常若給予變數一個型別的話，我們就只允許給變數這個型別的值。 而另一方面，也可以給變數 any 型別，所以在 assign 值的時候就相對自由。 而有時候我們有可能會需要同時使用兩者。比方說，我們必須編寫一個程式來獲取員工的 ID，然後將 ID 印出到控制檯。問題是，員工的 ID 可以是字串或數字。 由於我們需要 ID 變數允許多個型別，因此我們可以使用 any 型別，例如： let ID: any; ...
學習資源： Codecademy Enums 枚舉 在做型別註釋的時候，比如使用 Tuples ，變數很多的時，型別註釋也會跟著很多。但大多時候很多都是重複的，所以這時枚舉就派上用場了。 enum Direction { North, South, East, West } 在許多情況下，我們可能想要限制變數的可能值。 例如，上面的程式定義了枚舉方向，代表四個指南針方向：Direction.North, Direction.South, Direction.East, and ...
學習資源： Codecademy 介紹 陣列與使用 primitive 型別有點不同。這是因為陣列通常包含許多資料。追蹤陣列的型別意味著跟蹤每個元素的型別。 例如： let firstArray = [1, 2, 3, 4]; let secondArray = [5, '6', [7]]; 我們可以看到，firstArray的元素都是number 型別。 另一方面，secondArray具有不同型別的元素：number、string 和 array。兩者都是 JavaScript 陣列的例...
學習資源： Codecademy 介紹 當我們在JavaScript中宣告一個函式時，我們通常期望用某種型別的引數來呼叫它。所以當 JavaScript不會監督引數的型別時，就可能會引起意想不到錯誤： function printLengthOfText(text) { console.log(text.length); } printLengthOfText(3); // Prints: undefined 雖然 JavaScript 可以針對錯誤做處理，但這些方法可能有點麻煩： fu...
學習資源： Codecademy Type Inferences 型別推論 在 JavaScript 中我們可以對變數進行任意賦值，這樣的方式很彈性也可以很快地 coding。但也因為如此的彈性，才會造成許多意外的 bug。 所以在 TypeScript 中，我們首先會發現的是，當你賦值給一個變數後，你將沒辦法再賦值其他型別的值給這個變數。這是型別推論中的一個例子，TypeScript 會希望變數的型別跟最一開始被賦值的型別要一樣。 TypeScript 可以識別 JavaScript 的 p...