卡斯伯提供的教學資源：
鐵人賽：JavaScript 函式與參數
函式可以將參數傳入，使得函式的可用性提高許多，不過其中也有許多小技巧及方法可以運用，以下我們用 悠遊卡的概念 來說明此段。 小明的悠遊卡裡面有 1000 元，他要儲值一些零用錢進悠遊卡內 (真是優秀青年，這麼多錢還繼續儲)，好讓他可以繼續搭乘捷運。 傳入變數以下是一個簡單的函式，用來更新悠遊卡的...
鐵人賽：另一種方式介紹 JavaScript 閉包
閉包解釋非常多，這裡先透過幾個方式說明一下閉包是什麼： 運作原理：就是呼叫 Function 內的 Function 這樣有什麼用：內層 Function 作用域變數只會存在內層 然後勒：內層 Function 變數可以不被釋放，重複使用 卡斯伯會常用此方法嗎：沒注意，好像會不經意的使出來 那幹麻...
鐵人賽：JavaScript 的 this 到底是誰？
This 的在 JS 使用上非常頻繁，但一個 this 每個 function 都各自表示，這裡就直接用範例說明 This 有哪些情境，不過請注意一點，影響 this 的是在於函式的呼叫方法，並非宣告的時機： 純粹的調用 (Simple call)如果直接調用函式，此函式的 this 會指向 win...
鐵人賽：JavaScript 的文法學
大多數國家的語言都是由左到右、由上而下的閱讀方式，中文、拉丁語系就是屬於這類型，但也有部分國家是由右到左的，像是阿拉伯語系就是如此。而 JavaScript 是由左到右，還是由右到左呢？大多情況下我們會認為 JavaScript 是由左到右，但部份時候則會由右到左的喔。 運算子用簡單的一點的方式說明...
鐵人賽：JavaScript 物件的連連看!? 兩個物件的值居然會一樣
承上集，小明現在在漂亮阿姨 (陳小美) 家裡，漂亮阿姨還有一個雙胞胎姐姐 - 陳美美，陳美美的各方面與雙胞胎妹妹都很接近，除了名字以外。因此，偷懶的小明決定將兩個人的名字畫線連再一起，然後改個名字就好了。 var auntie = { name: '陳小美',...
鐵人賽：JavaScript 就是一堆物件的概念
在 JavaScript 中，除了上一篇所介紹到的原始型別以外的都是物件，包含陣列、函式…甚至全域本身都是物件，物件本身可以一層包著一層，其內層可以是字串、數值、陣列、物件，甚至是函式。 故事說明 小明的記事本都是用物件的概念在做紀錄，他會將要做的事情、筆記分門別類的做巢狀紀錄，這樣的好處可以讓他在...
鐵人賽：動態型別的 JavaScript
JavaScript 是屬於動態型別，它定義了七種資料型別，分別為六種原始型別 (ES6 新增一種原始型別)及 Object 型別。在開始之前先用小明來說明一下型別是怎樣的東西。 故事說明： 承先前故事，小明每天早上醒來都會忘記所有事物，但會在睡覺前把要做的事情先記錄下來，筆記本上會分門別類寫出要做...
鐵人賽：一次只能做一件事情的 JavaScript
在 JavaScript 中，一次只會執行一段程式碼，相信看到這段大家心中都會有所疑惑，我們實作中可以大量發出許多事件，並重複執行不同的函式，這樣為何還是單執行緒 (single threaded) 的程式語言呢？ 這段如果用純文字解釋較為困難，所以本篇會加入動畫讓大家更容易了解原理。 故事說明小明...
鐵人賽：JavaScript 變數的宣告與他的作用域
變數分為全域與區域變數，差異點在於宣告 (var) 的方式，就 MSDN 上的說明 在函式定義之外宣告的變數就是全域變數，其值可在整個程式中存取和修改。 所以我們可以使用函式來做兩個的分隔點，函式之內宣告的稱為區域，函式以外宣告的稱為全域。 全域性的變數在函數外宣告的變數則是具有全域性(或是包含全域...
鐵人賽：執行環境與堆疊
JavaScript 一次只能做一件事情，他會依據 執行環境 (Execution Context) 來一一執行工作內容，本篇系列文會用舉例的方式，讓大家用簡單的方式瞭解這些艱深詞彙。 全域執行環境與函式在一開始會登記一個函式在全域環境下(global context)，然後這個全域環境下可以登記其...