ReferenceError

物件屬性取值

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

javascript javascript object ReferenceError undefined ES6 · 留言


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

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

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


你懂 JavaScript 嗎?#24 Promise

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

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


你懂 JavaScript 嗎?#23 Callback

本文主要會談到情境切換、callback vs callback hell、控制權轉移、解決 callback 的信任問題的解法-分別回呼與錯誤優先處理。

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


你懂 JavaScript 嗎?#16 this

本文主要會談到-this 是什麼?判斷 this 的值的四個規則與例外。語彙的 this,這裡會提到箭頭函數中的 this 的不同之處。

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


你懂 JavaScript 嗎?#13 拉升(Hoisting)

本文主要會談到-什麼是拉升(hoisting)?變數與函式的拉升有什麼不同?怎麼處理在 script 標籤內宣告的全域變數?是否也有拉升的狀況?拉升 vs 重複宣告的變數與函式,要怎麼處理?

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


你懂 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 · 留言


你懂 JavaScript 嗎?#9 文法(Grammar)

JavaScript 的文法是描述其語法(syntax),例如:運算子、關鍵字等,如何結合在一起,形成格式正確的有效程式的一種結構化方式。

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


你懂 JavaScript 嗎?#4 型別(Types)

本文主要會談到 (1) 何謂「型別」?內建型別有哪些?常見疑難雜症與解法;(2) 未定義(undefined)vs 未宣告(undeclared)。

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


你懂 JavaScript 嗎?#3 暖身 (๑•̀ㅂ•́)و✧ Part 2 - 變數、嚴格模式、IIFEs、閉包、模組、this、原型、Polyfill 與 Transpiler

在上一篇暖身文章中大致聊過了一些基本知識,像是運算子、運算式、值與型別、變數、條件式、迴圈,本文還會再探討一些基礎概念,像是變數、函式範疇、拉升、巢狀範疇、嚴格模式、IIFE、閉包、模組、this、原型、Polyfill 與 Transpiler。本文也僅是概念而已,之後會有單篇章節細細討論的,所以就算是暖身 Part 2 摟。

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


你懂 JavaScript 嗎?#2 暖身 (๑•̀ㅂ•́)و✧ Part 1 - 運算子、運算式、值與型別、變數、條件式、迴圈

本文主要內容為程式設計簡介,在此可看到在初學階段所必須理解的各種專有名詞。

You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-Up-and-Going 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 · 留言


JavaScript Object Oriented Programming: Exceptions

「例外(Exceptions)」是一個特別且重要的處理錯誤的方法。

javascript ReferenceError · 留言


Module Pattern

Module Pattern 利用函數的「閉包(Closure)」特性來避免汙染全域的問題,意即使用閉包來提供封裝的功能,將方法和變數限制在一個範圍內存取與使用。這樣的好處除了避免汙染全域外,也將實作隱藏起來,只提供公開的介面(Public API)供其他地方使用。

javascript 設計模式 Design Pattern ReferenceError · 留言


JavaScript: Closure 與 Hoisting

分散 var 來宣告變數並沒有太大的意義,因為就 JavaScript 程式語言的特性來說,函數(Function)中未宣告而先用到的變數會被提升至區塊的第一行做宣告。先來看基本觀念 Closure,再來看 Hoisting。

javascript ReferenceError undefined · 留言