<?xml version="1.0" encoding="utf-8"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"><channel><title>MagicLen</title><link>https://magiclen.org/2019/12/feed</link><description>多元化原創文章，內容包羅萬象，有程式語言、網站應用、軟體介紹、硬體介紹、作業系統、旅行遊記、專題採訪、益智問題、文學創作，以及作者們的知識分享和作品分享。</description><language>zh-TW</language><lastBuildDate>Wed, 15 Apr 2026 00:31:22 +0000</lastBuildDate><sy:updatePeriod>hourly</sy:updatePeriod><sy:updateFrequency>8</sy:updateFrequency><sy:updateBase>1970-01-01T00:00+00:00</sy:updateBase><item><title>TypeScript 學習之路─第十五章：用「async / await」語法擺脫難以閱讀的非同步程式</title><link>https://magiclen.org/typescript-async-await</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png 1x, https://magiclen.org/wp-content/uploads/2019/08/typescript-440x324.png 2x, https://magiclen.org/wp-content/uploads/2019/08/typescript-660x486.png 3x" alt="">
上一章介紹的「Promise」雖然可以將非同步程式用看起來像同步程式的方式來撰寫，但寫法還是與實際的同步程式有不小的差異。也因為「Promise」有這樣的問題，所以後來的ES2017引入了「async / await」語法，可以完全地以同步程式的寫法使用非同步程式。]]></description><category>研究分享</category><category>JavaScript</category><category>JavaScript</category><category>node.js</category><category>TypeScript</category><category>TypeScript 學習之路</category><guid>https://magiclen.org/typescript-async-await</guid><pubDate>Tue, 31 Dec 2019 12:00:12 +0800</pubDate><dc:creator>Magic Len</dc:creator></item><item><title>TypeScript 學習之路─第十四章：用Promise把非同步程式寫成同步的樣子</title><link>https://magiclen.org/typescript-promise</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png 1x, https://magiclen.org/wp-content/uploads/2019/08/typescript-440x324.png 2x, https://magiclen.org/wp-content/uploads/2019/08/typescript-660x486.png 3x" alt="">
這個章節我們要來探討JavaScript在ES6之後新增的「Promise」。究竟它是如何解決以往用回呼函數來開發JavaScript程式所造成的問題呢？]]></description><category>研究分享</category><category>JavaScript</category><category>JavaScript</category><category>node.js</category><category>TypeScript</category><category>TypeScript 學習之路</category><guid>https://magiclen.org/typescript-promise</guid><pubDate>Thu, 26 Dec 2019 12:00:19 +0800</pubDate><dc:creator>Magic Len</dc:creator></item><item><title>TypeScript 學習之路─第十三章：事件循環(Event Loop)與回呼函數(Callback Function)</title><link>https://magiclen.org/typescript-event-loop-callback</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png 1x, https://magiclen.org/wp-content/uploads/2019/08/typescript-440x324.png 2x, https://magiclen.org/wp-content/uploads/2019/08/typescript-660x486.png 3x" alt="">
在先前的章節撰寫猜數字程式的時候，我們有先用到「Promise」物件、「async」和「await」關鍵字，如果您不太會JavaScript的話，應該會對這些東西非常不熟悉。這個章節將會開始介紹這些東西的用法與演進關係。]]></description><category>研究分享</category><category>JavaScript</category><category>JavaScript</category><category>node.js</category><category>TypeScript</category><category>TypeScript 學習之路</category><guid>https://magiclen.org/typescript-event-loop-callback</guid><pubDate>Tue, 24 Dec 2019 12:00:20 +0800</pubDate><dc:creator>Magic Len</dc:creator></item><item><title>TypeScript 學習之路─第十二章：迭代器(Iterator)與產生器(Generator)</title><link>https://magiclen.org/typescript-iterator-generator</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png 1x, https://magiclen.org/wp-content/uploads/2019/08/typescript-440x324.png 2x, https://magiclen.org/wp-content/uploads/2019/08/typescript-660x486.png 3x" alt="">
迭代器(Iterator)是一種設計模式(Design Pattern)，可以讓程式開發人員依照一定順序來走訪某資料結構中的資料，還可以順便對資料進行一些運算。JavaScript在ES6之後內建了「Symbol.iterator」這個「symbol」型別的值，專門用在前面介紹過的for-of迴圈上。而同樣在ES6之後內建的產生器(Generator)則是用來快速產生迭代器的語法，它還額外提供了能...]]></description><category>研究分享</category><category>JavaScript</category><category>JavaScript</category><category>node.js</category><category>TypeScript</category><category>TypeScript 學習之路</category><guid>https://magiclen.org/typescript-iterator-generator</guid><pubDate>Thu, 19 Dec 2019 12:00:34 +0800</pubDate><dc:creator>Magic Len</dc:creator></item><item><title>TypeScript 學習之路─第十一章：try-catch 錯誤處理</title><link>https://magiclen.org/typescript-try-catch</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png 1x, https://magiclen.org/wp-content/uploads/2019/08/typescript-440x324.png 2x, https://magiclen.org/wp-content/uploads/2019/08/typescript-660x486.png 3x" alt="">
電腦在執行程式的時候，經常會遇到預期的或是非預期的錯誤，JavaScript當然也不例外。這個章節要來介紹TypeScript的「try-catch」錯誤處理機制。]]></description><category>JavaScript</category><category>JavaScript</category><category>node.js</category><category>TypeScript</category><category>TypeScript 學習之路</category><guid>https://magiclen.org/typescript-try-catch</guid><pubDate>Tue, 17 Dec 2019 12:00:09 +0800</pubDate><dc:creator>Magic Len</dc:creator></item><item><title>TypeScript 學習之路─第十章：陣列和物件的解構(Destructuring)</title><link>https://magiclen.org/typescript-destructuring</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png 1x, https://magiclen.org/wp-content/uploads/2019/08/typescript-440x324.png 2x, https://magiclen.org/wp-content/uploads/2019/08/typescript-660x486.png 3x" alt="">
JavaScript自ES6之後便支援陣列和物件的解構(Destructuring)，使我們可以快速地將陣列的元素值和物件中的屬性值指派給變數或是常數來儲存。]]></description><category>研究分享</category><category>JavaScript</category><category>JavaScript</category><category>node.js</category><category>TypeScript</category><category>TypeScript 學習之路</category><guid>https://magiclen.org/typescript-destructuring</guid><pubDate>Thu, 12 Dec 2019 12:00:34 +0800</pubDate><dc:creator>Magic Len</dc:creator></item><item><title>TypeScript 學習之路─第九章：進階的型別用法</title><link>https://magiclen.org/typescript-advanced-type</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png 1x, https://magiclen.org/wp-content/uploads/2019/08/typescript-440x324.png 2x, https://magiclen.org/wp-content/uploads/2019/08/typescript-660x486.png 3x" alt="">
在上一章節中，我們介紹了TypeScript的泛型，在這個章節我們會繼續介紹更多型別的應用。]]></description><category>研究分享</category><category>JavaScript</category><category>JavaScript</category><category>node.js</category><category>TypeScript</category><category>TypeScript 學習之路</category><guid>https://magiclen.org/typescript-advanced-type</guid><pubDate>Tue, 10 Dec 2019 12:00:53 +0800</pubDate><dc:creator>Magic Len</dc:creator></item><item><title>TypeScript 學習之路─第八章：TypeScript程式語言的泛型</title><link>https://magiclen.org/typescript-generics</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png 1x, https://magiclen.org/wp-content/uploads/2019/08/typescript-440x324.png 2x, https://magiclen.org/wp-content/uploads/2019/08/typescript-660x486.png 3x" alt="">
在先前的章節實作猜數字程式的時候，我們有用到「Promise&lt;string&gt;」這樣的型別。在這個型別中，由小於「&lt;」和大於「&gt;」符號括起來的部份稱為「泛型」。在「類型論」(type theory)中，「泛型」就是「參數多型」(parametric polymorphism)，在定義型別的時候不去明確地指定具體的型別，而以參數的形式來傳入型別，如此一來擁有泛型的類別和函數只需要實作一次，就可以透過參...]]></description><category>研究分享</category><category>JavaScript</category><category>JavaScript</category><category>node.js</category><category>TypeScript</category><category>TypeScript 學習之路</category><guid>https://magiclen.org/typescript-generics</guid><pubDate>Thu, 5 Dec 2019 12:00:40 +0800</pubDate><dc:creator>Magic Len</dc:creator></item><item><title>TypeScript 學習之路─第七章：TypeScript程式語言的列舉</title><link>https://magiclen.org/typescript-enum</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png 1x, https://magiclen.org/wp-content/uploads/2019/08/typescript-440x324.png 2x, https://magiclen.org/wp-content/uploads/2019/08/typescript-660x486.png 3x" alt="">
TypeScript程式語言的列舉，是TypeScript特有、JavaScript沒有的東西。列舉可以快速地將多個不同的值加上名稱並群組化。]]></description><category>研究分享</category><category>JavaScript</category><category>JavaScript</category><category>node.js</category><category>TypeScript</category><category>TypeScript 學習之路</category><guid>https://magiclen.org/typescript-enum</guid><pubDate>Tue, 3 Dec 2019 12:00:27 +0800</pubDate><dc:creator>Magic Len</dc:creator></item></channel></rss>