新手都該入手一本！深入淺出的JavaScript知識，讓你秒懂困難的程式概念，提升程式力！

由淺入深的詳盡介紹，逐步帶你了解JavaScript的運作方式及原理

搭配圖像解說，一窺JavaScript表象底下的真實樣貌！

重點知識簡單化，一手掌握最重要的JavaScript概念！

本書內容改編自第11屆iT邦幫忙鐵人賽Modern Web組優選網路系列文章──《JavaScript原力覺醒 - 成為絕地武士之路》，作者以豐富的圖像輔助說明，讓複雜的JavaScript知識化為容易理解的概念，閱讀後宛如吃下一塊美味的JavaScript三明治，獲得滿滿的程式活力！書中涵蓋完整詳盡的JavaScript基礎知識及背後的運作原理，無論是想一探神秘未知JavaScript世界的新手，還是初來乍到就半路卡關的程式愛好者，都能成功踏上屬於自己的程式航道！

適用讀者

☑覺得JavaScript 變化多端、不好理解

☑想要加強JavaScript 基礎知識，讓開發更得心應手

☑想更了解JavaScript 背後原理，讓熟悉度更上一層樓

本書特色

★基本語法介紹

從JavaScript的起源到常見必學的基本知識，強化你對JavaScript的完整認知。

★重點技術解說

揭開許多JavaScript簡單卻難懂的語法運作原理，並掌握JavaScript中最重要的技術名詞：純值、Closure、Promise、事件迴圈。

★抓穩JavaScript核心 ─ 物件

想更精通JavaScript，最後我獻上一帖良方，希望你對物件，這個幾乎是JavaScript核心的型別有更根本的認識。

專業推薦

「木景的《JavaScript 概念三明治》與其他JavaScript著作很不同的地方是，書中透過大量的圖片解說，以視覺化的方式來逐步呈現Javascript運作的原理，並由淺至深系統化從基本語法開始引領讀者到深入至Javascript的函式、物件、原型等核心觀念。」

Vue.js Taiwan社群主辦人、《重新認識Vue.js：008天絕對看不完的Vue.js 3指南》作者 ── Kuro

作者

蔡木景 Mu Jing Tsai

前端工程師、非軟體本科系的自學者、喜好爵士樂的技術人。因想更靠近產品的使用者，所以決定從原來硬體科系跨足至前端領域，現擁有三年前端相關的開發經驗。

樂於藉由寫文章來分享知識，希望能將各種複雜抽象的知識化為具體單純的概念並以此幫助更多人，曾於 2019 年參加「第11屆iT邦幫忙鐵人賽 - Modern Web組」，並以《JavaScript原力覺醒 - 成為絕地武士之路》系列文章參賽榮獲優選。

目錄

｛第一篇｝ 基本語法及概念說明
CH01：JavaScript的前世今生
JavaScript的誕生
JavaScript與ECMAScript

CH02：JavaScript基礎介紹
什麼是變數？
變數的宣告
型別介紹
函式基礎介紹
運算子基礎介紹
常用二元運算子介紹
運算子的相依性與優先序
強制轉型
Falsy Value與Truthy Value
條件判斷式
迴圈
三元運算子
總結

｛第二篇｝ 重要技術點拆解
CH03：執行環境與作用域
編譯語言、直譯語言
JavaScript引擎簡介
JavaScript引擎運行流程解析
執行環境與執行堆疊
作用域
作用域鍊
提升現象
ES6以後的變數宣告方式 – const / let
總結

CH04：物件型別與原始型別
物件型別
原始型別
原始型別、物件型別與變數指派
總結

CH05：函式的進階概念
函式陳述式與表達式
函式也是物件
立即執行函式
一級函式 / 高階函式
箭頭函式
回呼函式
函式的閉包
其餘參數以及物件參數
總結

CH06：同步與非同步
同步 / 非同步
Event Queue與Event Loop
Promise
Event Loop：MicroTask與MacroTask
Async / Await
總結

｛第三篇｝ JavaScript核心：物件
CH07：物件
存取物件內容
物件的常用操作
物件的屬性描述器
This
總結

CH08：物件與原型
物件與類別
原型
原型鍊
類別之間的繼承
Class語法糖
JavaScript內建物件
總結