MagicLen

所謂的密鋪(tessellation)是用一種或多種平面形狀去填滿一個更大的平面。用正六邊形(regular hexagon)來密鋪成網格(grid)，會比用矩形密鋪還來得更複雜，造成更藝術的視覺效果。那麼要如何寫程式來畫出這個複雜的正六邊形網格呢？

N邊形，有N個頂點、N個邊。每個邊都是由兩個頂點連線組成，因此只要找到多邊形的各頂點座標，就可以輕易地連線畫出多邊形了！而所謂的正多邊形，它的邊都是等長的，且任意相鄰兩邊之間所形成的夾角也都是相等的。

Webpack是JavaScript的模組建置工具，運行在Node.js上，它可以將零散的JavaScript檔案用各式工具優化並打包起來，加快網頁的載入時間。Webpack也並不限於用在JavaScript上，它除了還能打包網頁有用到的靜態資源(如JS、CSS、圖片檔等)外，也還能透過TypeScript的載入器(loader)來編譯並打包TypeScript程式碼。

裝飾器(Decorator)是一種程式設計模式(Design Pattern)，在某些情況下可以用來替代繼承(inheritance)，以更靈活、輕量的方式重用程式碼。

JavaScript如果要替名稱加上命名空間，不外乎就是利用物件或是模組來達成。但在TypeScript中，有「namespace」關鍵字可以讓我們快速地新增命名空間來用。

我們先前所練習的TypeScript程式幾乎都只是把程式敘述寫在「index.ts」檔案中，雖然我們已經會使用函數、類別來分割不同功能的程式，但當程式愈寫愈多的時候，這樣的作法還是會讓程式變得難以維護。這時就需要用到TypeScript提供的「模組」系統了。

上一章介紹的「Promise」雖然可以將非同步程式用看起來像同步程式的方式來撰寫，但寫法還是與實際的同步程式有不小的差異。也因為「Promise」有這樣的問題，所以後來的ES2017引入了「async / await」語法，可以完全地以同步程式的寫法使用非同步程式。

這個章節我們要來探討JavaScript在ES6之後新增的「Promise」。究竟它是如何解決以往用回呼函數來開發JavaScript程式所造成的問題呢？

在先前的章節撰寫猜數字程式的時候，我們有先用到「Promise」物件、「async」和「await」關鍵字，如果您不太會JavaScript的話，應該會對這些東西非常不熟悉。這個章節將會開始介紹這些東西的用法與演進關係。

迭代器(Iterator)是一種設計模式(Design Pattern)，可以讓程式開發人員依照一定順序來走訪某資料結構中的資料，還可以順便對資料進行一些運算。JavaScript在ES6之後內建了「Symbol.iterator」這個「symbol」型別的值，專門用在前面介紹過的for-of迴圈上。而同樣在ES6之後內建的產生器(Generator)則是用來快速產生迭代器的語法，它還額外提供了能...