卡斯伯提供的教學資源：
學好 this 前，先搞清楚 this 做什麼
過去到現在寫了很多 this 相關的文章，如果沒有實際運用過 this 的開發者可能會有疑惑「this 是不是只有在面試考題用到？」、「this 在實戰中會用到嗎？」、「為什麼要學 this？」。 其實 this 在實戰中的應用非常廣，已經有接觸框架的開發者對此較不陌生，基本上所有的檔案都會存在 t...
閉包，原來這就是閉包啊！
閉包，是一個 JavaScript 很常聽到的觀念，雖然會在不知不覺應用到閉包的基本概念，進階的用法在實戰中不一定很常用到，但這卻是面試中非常常見的問題，主要原因是它牽扯到許多的觀念，如詞法作用域、記憶體等觀念。 原來這就是閉包：詞法作用域許多閉包文章都會提到「詞法作用域」的觀念，此觀念主要是說明 ...
Chrome Console 中的 undefined 到底是哪來的？
教學的過程中，有許多學員會盡可能的搞懂程式碼運行過程中的各種結果，其中一個比較特別的案例就是想搞懂為什麼 Chrome Console 下方的 <· 會回傳 undefined。 範例程式碼：var a = 1 本篇屬於不知道也不會怎樣的冷知識，但如果了解，你則會更清楚 JS 中的表達式觀念。...
JavaScript 一級函式 （First Class Functions）
本篇重點是要介紹參數與函式的關係（尤其是常令人搞混的 callback function），但這個觀念又會扯到另一個常見的專有名詞（一級函式），因此在本篇就統一介紹。 一級函式一級函式並非是 JavaScript 專有的特性，只要該語言的「函式可被視為與其它變數一樣時」，就可以稱為該語言有一級函式的...
JS 記憶體釋放機制及驗證
作用域JavaScript 的變數有作用域的範圍，意思是指「宣告的變數有作用的區域限制」，如果超出了作用域則變數無法再被取得，這樣的做法優點為： 可以避免所有變數轉為全域變數 有效限制變數的作用區域 而變數作用域也會依據宣告的方式不同，產生不同的作用域： 未宣告：全域變數 var 宣告：作用域...
讓我們一起到達終點！超過 60% 完課率的直播課程 - JavaScript 作品實戰直播班
2020 年 9 月 20 日是 「JavaScript 作品實戰直播班」開班滿三個月的時間，也同時是本課程最後一天的繳交期限，同學們在家中努力趕工最終作品，而我在電腦前準備這份心得。 昨天，還收到學員的感謝訊息，提到透過這次的直播班的作品以及履歷健檢服務順利找到工作，我也訝異有同學這麼早就能順利求...
呼叫函式時，到底有多少個參數 / 變數可供使用？
建立一個函式並呼叫時我們可以傳入一些參數，或者在這個參數中引用全域的變數，不過一個被呼叫的函式中究竟有多少可取用的變數或參數呢？ 函式中的可用變數本篇會著重在參數的介紹，但一個函式中到底有哪些參數及變數呢？ 以下透過一段範例程式碼來檢驗呼叫函式會有哪些變數 / 參數，在此可以透過「無痕模式」直接運行...
JS 物件名詞解釋及常見觀念問題
接下來來到 JavaScript 另一個坑「物件」。 物件的定義方法差在哪？JavaScript 定義物件的方式主要有兩種形式： var a = {}：{} 稱為物件實字，是相對簡短且易讀的建立方式。 var b = new Object();：使用 Obj...
JS 加不加分號差在哪？
這個議題許多論壇、文件都有討論，在 ESlint 的規範中也可從加不加分號區分為兩大派系，至於加不加分號關鍵點則需要了解分號對於 JavaScript 的影響，開始之前可以先看看以下題目。 下方程式碼的運行預期為： 宣告 a 的值為 1 執行立即函式 於 console 中呈現 2 請問這段程式...
開發總是沒問題，上線老是各種錯
不果是新手或老手都可能遇過這樣的狀況，程式碼在測試時運作上看起來都很正常，雖然有一些些地方還不是很熟悉，不過打從心裡認定它是正確的，但麻煩卻上線後才發現出錯，仔細檢查也看不出任何問題，殊不知是表達式的觀念錯誤。 程式碼的問題千萬種，本篇就持續在「表達式的觀念」挑出常見的問題，看看是否大家有遇到類似的...