JavaScript 核心觀念(0)-目錄及前言

前言

JavaScript 核心篇是基於六角學院的線上影音課程而撰寫的系列文章，雖然自己本身已經有上過 JavaScript 奇怪的部份，但每一位講者都有屬於他的講解方式，所以這一篇也來開始做一次紀錄以及學習囉。

課程

課程主要是觀看六角學院的線上影音課程 「JavaScript 核心篇」，如果你想多加深自己的 JavaScript 基礎，那麼也會建議您可以上唷~

此外其實本線上課程影音也非常歡迎同學將該內容寫成文章（影片內容不得直接匯出，但可以以截圖方式呈現），撰寫成文章的好處除了可以加深知識之外，也可以幫助到未來若需要相關知識時，也就可以快速查找，所以是有相當好處的。

目錄

執行環境與作用域

• JavaScript 核心觀念(1)-執行環境與作用域-JavaScript 運作方式
• JavaScript 核心觀念(2)-執行環境與作用域-執行的錯誤情境 LHS, RHS
• JavaScript 核心觀念(3)-執行環境與作用域-語法作用域
• JavaScript 核心觀念(4)-執行環境與作用域-執行環境與執行堆疊
• JavaScript 核心觀念(5)-執行環境與作用域-範圍鍊
• JavaScript 核心觀念(6)-執行環境與作用域-提升
• JavaScript 核心觀念(7)-執行環境與作用域-not defined VS undefined
• JavaScript 核心觀念(8)-執行環境與作用域-記憶體存放與釋放
• JavaScript 核心觀念(9)-執行環境與作用域-執行緒與同步、非同步
• JavaScript 核心觀念(10)-執行環境與作用域-課後練習

運算子、型別與文法

• JavaScript 核心觀念(11)-運算子、型別與文法-陳述式與表達式
• JavaScript 核心觀念(12)-運算子、型別與文法-ASI 自動插入分號
• JavaScript 核心觀念(13)-運算子、型別與文法-動態型別
• JavaScript 核心觀念(14)-運算子、型別與文法-原始型別及物件型別
• JavaScript 核心觀念(15)-運算子、型別與文法-運算子
• JavaScript 核心觀念(16)-運算子、型別與文法-優先性及相依性
• JavaScript 核心觀念(17)-運算子、型別與文法-寬鬆相等、嚴格相等以及隱含轉型
• JavaScript 核心觀念(18)-運算子、型別與文法-Truthy 與 Falsy
• JavaScript 核心觀念(19)-運算子、型別與文法-邏輯運算子及函式預設值
• JavaScript 核心觀念(20)-運算子、型別與文法-課後練習

物件

• JavaScript 核心觀念(21)-物件-物件結構
• JavaScript 核心觀念(22)-物件-物件取值、新增、刪除
• JavaScript 核心觀念(23)-物件-額外補充：變數及物件屬性的差異
• JavaScript 核心觀念(24)-物件-物件與純值
• JavaScript 核心觀念(25)-物件-未定義的物件屬性預設值
• JavaScript 核心觀念(26)-物件-物件的參考特性
• JavaScript 核心觀念(27)-物件-物件參考觀念的實際運作模式
• JavaScript 核心觀念(28)-物件-物件參考之章節作業
• JavaScript 核心觀念(29)-物件-Call by Reference 還是 Call by Sharing
• JavaScript 核心觀念(30)-物件-淺層複製及深層複製
• JavaScript 核心觀念(31)-物件-陣列
• JavaScript 核心觀念(32)-物件-JSON
• JavaScript 核心觀念(33)-物件-章節總結測驗
• JavaScript 核心觀念(34)-物件-課後練習

函式以及 This 的運作

• JavaScript 核心觀念(35)-函式以及 This 的運作-什麼是函式
• JavaScript 核心觀念(36)-函式以及 This 的運作-立即函式
• JavaScript 核心觀念(37)-函式以及 This 的運作-參數
• JavaScript 核心觀念(38)-函式以及 This 的運作-閉包 Closure
• JavaScript 核心觀念(39)-函式以及 This 的運作-閉包進階：工廠模式及私有方法
• JavaScript 核心觀念(40)-函式以及 This 的運作-最常見的 this：物件的方法調用
• JavaScript 核心觀念(41)-函式以及 This 的運作-this：簡易呼叫
• JavaScript 核心觀念(42)-函式以及 This 的運作-this：call, apply, bind 與 嚴謹模式
• JavaScript 核心觀念(43)-函式以及 This 的運作-this：DOM
• JavaScript 核心觀念(44)-函式以及 This 的運作-this 課後練習
• JavaScript 核心觀念(45)-函式以及 This 的運作-總結：函式的常見陷阱題
• JavaScript 核心觀念(46)-函式以及 This 的運作-函式以及 This 的運作 - 課後練習

繼承與原型鍊

• JavaScript 核心觀念(47)-繼承與原型鍊-原型鍊的概念 - 為什麼有原型
• JavaScript 核心觀念(48)-繼承與原型鍊 - 原型在哪裡？
• JavaScript 核心觀念(49)- 繼承與原型鍊 - 使用建構式自定義原型
• JavaScript 核心觀念(50)- 繼承與原型鍊 - 原始型別的包裹物件與原型的關聯
• JavaScript 核心觀念(51)- 繼承與原型鍊 - 使用 Object.create 建立多層繼承
• JavaScript 核心觀念(52)- 繼承與原型鍊 - 原型鏈、建構函式整體結構概念
• JavaScript 核心觀念(53)- 繼承與原型鍊 - 繼承與原型鍊(章節作業)

物件屬性延伸章節：屬性的特徵

• JavaScript 核心觀念(54)- 物件屬性延伸章節：屬性的特徵 - 屬性特徵是什麼？
• JavaScript 核心觀念(55)- 物件屬性延伸章節：屬性的特徵 - 物件屬性不可寫入？物件擴充的修改與調整
• JavaScript 核心觀念(56)- 物件屬性延伸章節：屬性的特徵 - 屬性列舉與原型的關係
• JavaScript 核心觀念(57) - 物件屬性延伸章節：屬性的特徵 - Getter 與 Setter，賦值運算不使用函式
• JavaScript 核心觀念(58) - 物件屬性延伸章節：屬性的特徵 - 屬性特徵與主流框架的關係

ES6 章節：Let 及 Const

• JavaScript 核心觀念(59) - ES6 章節：Let 及 Const - Let, Const 基本概念
• JavaScript 核心觀念(60) - ES6 章節：Let 及 Const - Let, Const 實戰運用技巧
• JavaScript 核心觀念(61) - ES6 章節：Let 及 Const - Let 有沒有 Hoisting？暫時性死區介紹
• JavaScript 核心觀念(62) - ES6 章節：Let 及 Const - 學好 ES6 - 使用 ESlint 工具輔助學習
• JavaScript 核心觀念(63) - ES6 章節：Let 及 Const - Let 及 Const - 課後練習

ES6 章節：箭頭函式

• JavaScript 核心觀念(64) - ES6 章節：箭頭函式 - 箭頭函式簡介
• JavaScript 核心觀念(65) - ES6 章節：箭頭函式 - 與傳統函式不同之處
• JavaScript 核心觀念(66) - ES6 章節：箭頭函式 - 常見問題
• JavaScript 核心觀念(67) - ES6 章節：箭頭函式 - 箭頭函式實戰用法
• JavaScript 核心觀念(68) - ES6 章節：箭頭函式 - 章節作業

ES6 章節：Template Literial

• JavaScript 核心觀念(69) - ES6 章節：Template Literial - 樣板字面值（Template literals）基本介紹
• JavaScript 核心觀念(70) - ES6 章節：Template Literial - 樣板字面值技巧：VSCode 搭配 Emmet 撰寫 HTML 結構
• JavaScript 核心觀念(71) - ES6 章節：Template Literial - 巢狀結構
• JavaScript 核心觀念(72) - ES6 章節：Template Literial - 標籤樣板字面值

Promise

• JavaScript 核心觀念(73) - Promise - 為什麼需要 Promise
• JavaScript 核心觀念(74) - Promise - Promise 基礎概念
• JavaScript 核心觀念(75) - Promise - 創立自己的 Promise
• JavaScript 核心觀念(76) - Promise - 鏈接技巧
• JavaScript 核心觀念(77) - Promise - 常用技巧
• JavaScript 核心觀念(78) - Promise - Promise 與 AJAX

ES6 章節：Async&Await

• JavaScript 核心觀念(79) - ES6 章節：Async/Await - 為什麼要使用 Async 與基本介紹
• JavaScript 核心觀念(80) - ES6 章節：Async/Await - Async Function 與 Promise 之間的關聯性
• JavaScript 核心觀念(81) - ES6 章節：Async/Await - 使用 Async Function 改寫實戰範例
• JavaScript 核心觀念(82) - ES6 章節：Async/Await - 撰寫高可用性高的錯誤捕捉

參考文獻

• JavaScript 核心篇