ES6

去除 try/catch,實作簡潔的 Async 和 Await!

Async 和 Await 提供一種語法糖來撰寫非同步程式碼而看起來很像是同步的樣子,而在這之前若想實作非同步都是使用 callback 或 promise 的方式,產生的問題不外乎是難以閱讀的 callback hell。但,用了 Async 和 Await 就真的能讓程式碼更精簡流暢嗎? ( •́ _ •̀)?

javascript ES6 promise async await · 留言


產生器(Generator)

一般的 function 在呼叫後只會回傳一個值或不回傳任何東西,但產生器(generator)卻可以一個接著一個的回傳(yield)多個值;產生器和迭代器常用來一起處理資料流。

generator 產生器 iterator 迭代器 javascript ES6 · 留言


迭代器(Iterator)

Q:這個物件不能做迭代欸,怎麼辦?A:別驚慌,幫它定義迭代器就可以了。

iterator 迭代器 generator 產生器 javascript ES6 javascript object javascript array · 留言


物件屬性取值

本文探討物件屬性取值可能會遇到的兩件事與其解法:(1)取不到值時的後續處理?(2)屬性的名稱用點分隔,要怎麼取值?

javascript javascript object ReferenceError undefined ES6 operator 運算子 · 留言


你懂 JavaScript 嗎?#29 語法(Syntax)

本文主要會談到 ES6 新增的熱門語法,包含以區塊為範疇的宣告、分散與其餘運算、預設參數值、解構、物件字面值擴充功能、範本字面值、箭號函式。。

You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 ES6 You-Dont-Know-JS-ES6-and-Beyond ReferenceError undefined operator 運算子 · 留言


你懂 JavaScript 嗎?#28 ES? 現在 vs 未來

本文主要會談到如何在 JavaScript 快速演進的狀況下,漸進的適應新功能?來嘗試 Transpiling 與 Shims/Polyfills 吧。

You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 ES6 You-Dont-Know-JS-ES6-and-Beyond NaN · 留言


你懂 JavaScript 嗎?#25 產生器(Generator)

本文主要會談到 generator 的基本概念與範例;從 callback 演進到 ES6 promise 與 generator 再進化到 ES7 async 和 await。

You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 ES6 You-Dont-Know-JS-Async-and-Performance generator 產生器 async await · 留言


你懂 JavaScript 嗎?#24 Promise

本文主要會談到 promise 是什麼?promise 的錯誤處理、模式與限制。

You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 ES6 You-Dont-Know-JS-Async-and-Performance ReferenceError NaN promise · 留言


你懂 JavaScript 嗎?#21 ES6 Class

本文主要是探討 ES6 Class 的美好與陷阱。

You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? ES6 鐵人賽 You-Dont-Know-JS-this-and-Object-Prototypes · 留言


你懂 JavaScript 嗎?#12 函式範疇與區塊範疇(Function vs Block Scope)

本文會提到範疇的劃分單位可分為兩種-函式範疇與區塊範疇,它們有什麼不同?各有什麼優點?函式範疇的重要觀念與相關應用-函式宣告與函式運算式、匿名與具名函式、即刻調用函式運算式。區塊範疇的重要觀念與相關應用-const 與 let、垃圾回收。

You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 ES6 You-Dont-Know-JS-Scope-and-Closures ReferenceError undefined · 留言


ES6 Top Features You Must Know

ES6 快速小筆記:let / const、物件縮寫 Object Shorthand、預設傳入參數 Default Paramaters、解構賦值 Destructuring Assignment、字串模板 String Template、擴展運算子 Spread Operator、其餘運算子 Rest Operator、箭頭函數 Arrow Function、Class、Mudule 等。

ES6 javascript javascript prototype ReferenceError undefined operator 運算子 · 留言


JavaScript 陣列處理:找東西 - indexOf、$.inArray 與 filter

整理了一些在陣列中找東西的方法。

javascript javascript array ES6 · 留言


ES6: let, const, Block-Level Scope

let, const, var, function declaration, block-level scope, hoisting 相關筆記。

ES6 javascript undefined · 留言