卡斯伯提供的教學資源：
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 請問這段程式...
開發總是沒問題，上線老是各種錯
不果是新手或老手都可能遇過這樣的狀況，程式碼在測試時運作上看起來都很正常，雖然有一些些地方還不是很熟悉，不過打從心裡認定它是正確的，但麻煩卻上線後才發現出錯，仔細檢查也看不出任何問題，殊不知是表達式的觀念錯誤。 程式碼的問題千萬種，本篇就持續在「表達式的觀念」挑出常見的問題，看看是否大家有遇到類似的...
JavaScript 利用表達式優化你的程式碼
上一節介紹了表達式的基本概念「回傳結果」，那麼接下來你一定會想了解有哪些地方可以用到表達式，本篇就列出 JS 語法與常見框架的表達式運用，熟悉以後將會大幅增加 JS 語法的變化性。 運算子運算子依據運算元數量，可分為一元、二元甚至是三元運算子，而運算元本身也是屬於表達式，以我們常見的 === 來說就...
JavaScript 表達式觀念及運用 - JS Expression
JavaScript 分為兩大的語句類型，就像是我們日常語言中的動詞、名詞、連接詞等概念，但在 JS 中僅分為兩大類型，分別為「陳述式」及「表達式」，其中表達式更為重要，如果能夠熟練表達式更能解決許多開發上的問題，也更能活用各種語法。 JavaScript 中的表達式原文為 「Expression...