iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

強化 JavaScript 之 - 程式語感是可以磨練成就的 系列

以 JS 當主題也許不是很酷很新穎也很多人寫過,但它對身為前端的我們來說是很重要的語言,所以這次鐵人賽的系列文就是要給已經瞭解 JavaScript 基礎語法,想再鞏固基礎並更上一層樓的 JavaScript 開發者所做的主題,同時也是複習自己以前學習過的東西。

鐵人鍊成 | 共 30 篇文章 | 62 人訂閱 訂閱系列文 RSS系列文 團隊E04
DAY 1

Day1-系列大綱 & 前言

前言 以 JavaScript 當主題也許不是很酷很新穎也很多人寫過,但它對身為前端的我們來說是很重要的語言,所以這次鐵人賽的系列文就是要給已經瞭解 JavaS...

2022-09-01 ‧ 由 harry xie 分享
DAY 2

Day2-JavaScript Engine 介紹

前言 在這篇文章中,將會介紹 JS 是如何透過 JavaScript Engine 做轉換,變成電腦讀的懂並可以執行的機器語言以及介紹 JS 引擎內部幾個優化其...

2022-09-02 ‧ 由 harry xie 分享
DAY 3

Day3-JavaScript 記憶體管理

前言 在上篇文章中,提到了 GC 和 Memory Leaks,不過僅有介紹該名詞的意義,是比較碎片化的知識。所以在這篇文章將會更完整的介紹 JavaScrip...

2022-09-03 ‧ 由 harry xie 分享
DAY 4

Day4-JavaScript Runtime Environment 觀念

前言 在這篇文章中,將會介紹 JavaScript 的 Runtime Environment,讓讀者更了解 JS 的執行過程。 JavaScript Run...

2022-09-04 ‧ 由 harry xie 分享
DAY 5

Day5-JavaScript Execution Context & Hoisting & Scope Chain

前言 這篇文章將會介紹 Execution Context,然後也會在了解的過程中一併認識 Hoisting(變數提升)、Scope Chain(作用域鏈)。...

2022-09-05 ‧ 由 harry xie 分享
DAY 6

Day6-JavaScript Execution Context & var/let/const

前言 這篇是昨天文章的延伸,並加入了 let/const、Block Scope(區塊作用域)等概念一起解說。 範例說明 這裡有一個範例程式碼,讀者可以先閱讀...

2022-09-06 ‧ 由 harry xie 分享
DAY 7

Day7-閉包(Closure)介紹

前言 這篇要了解的是閉包以及它可以應用的地方,順便也分析和閉包相關的一題常見面試題目。 從範例了解閉包 讀者可以先閱讀以下的範例程式碼: function m...

2022-09-07 ‧ 由 harry xie 分享
DAY 8

Day8-JavaScript this 關鍵字

前言 在 JavaScript 中,我們知道一個函式在宣告後,可以在不同的 execution context 中呼叫使用,例如在全域宣告了 A、B 兩個函式,...

2022-09-08 ‧ 由 harry xie 分享
DAY 9

Day9-箭頭函式與 this

前言 相信箭頭函式是很多前端開發者知道的 ES6 語法,不過有沒有想過為什麼會想用它? 而上篇介紹了 this 的指向,那箭頭函式調用 this 時的指向為何?...

2022-09-09 ‧ 由 harry xie 分享
DAY 10

Day10-call()、apply() 函式介紹 & 實作

前言 雖然 Day8 的文章有提到 call()、bind()、apply() 這三個函式,不過也就只是淺淺帶過它們都能改變 this 指向,所以接下來的幾篇文...

2022-09-10 ‧ 由 harry xie 分享