卡斯伯提供的教學資源：
鐵人賽：JavaScript 的嚴格模式 "use strict"
JavaScript 不斷的演進下，許多不嚴謹的寫法都應該逐漸被修正，但哪些是需要修正的字詞呢!? 'use strict' 則是新加入的標準，目的是為了讓編寫「具穩定性的 JavaScript 更容易」，在不穩定的語法或妨礙最佳化的語意都會跳出警告，讓開發者避開這些寫法。 而在傳統...
鐵人賽：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 上的說明 在函式定義之外宣告的變數就是全域變數，其值可在整個程式中存取和修改。 所以我們可以使用函式來做兩個的分隔點，函式之內宣告的稱為區域，函式以外宣告的稱為全域。 全域性的變數在函數外宣告的變數則是具有全域性(或是包含全域...