從 Callback、Promise 到 Async Await
ECMAScript 對 Asynchronous 支援比其他語言先進,從最基本的 Callback 演進到 ECMAScript 2105 的 Promise,再演進到 ECMAScript 2017 的 async await。
ECMAScript 對 Asynchronous 支援比其他語言先進,從最基本的 Callback 演進到 ECMAScript 2105 的 Promise,再演進到 ECMAScript 2017 的 async await。
由於 ECMAScript 是 Single Thread 語言,對於繁重的運算動作,就無法使用 Multi Thread 解決,因此 Asynchronous 在 ECMAScript 格外重要。Browser 使用獨特的 Event Loop Model 實現 Asynchronous,要能徹底了解其背後運作原理,才能掌握 ECMAScript 的 Asynchronous Function。
一般 Destructuring 都用在 Array 與 Object,事實上也能用在 Iterable 上。
ECMAScript 2015 提供了很有創意的 Array Destructuring,原本需要好幾行才能完成的寫法,最後只需一行就能解決。
初學者常直覺將 Object 如 String 以 + 合併,但 Object 須以特殊方式才能合併。
= 只能 Copy Object 的 Reference,而非真正 Clone Object,本文整理出 4 種方式,並詳細分析其特色。
若 Function 有 n 個 Argument,但實際 Data 卻為 n 個 Element 的 Array,當然可將 Array 一一拆解傳進 Function,但有更精簡寫法。
初學者常直覺將 Array 如 String 以 + 合併,但 Array 需以特殊方式才能合併。
= 只能 Copy Array 的 Reference,而非真正 Clone Array,本文整理出 4 種方式,並詳細分析其特色。
ECMAScript 是大量使用 Callback 的語言,實務上我們常想針對 Callback 加以 console.log() 協助 Debug,該如何優雅地使用 console.log() 呢 ?