iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
自我挑戰組

複習 JavaScript 核心概念 系列

JavaScript是現代網頁開發很重要的程式語言之一。你是否覺得JavaScript的語法很簡單,但卻對程式的運作似懂非懂呢?我將在本系列聊聊JavaScript一些比較核心的特性和概念,希望提升自己對JavaScript的了解,也期盼能為螢幕前的你帶來一些收穫。

鐵人鍊成 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 21

[Day 21] 物件的「原型(Prototype)」是什麼?

JavaScript 中的物件即透過繼承 原型(Prototype) 的機制,使其能夠使用繼承而來的屬性和方法。今天除了介紹 原型(Prototype) 是什麼...

2023-10-05 ‧ 由 tunafin 分享
DAY 22

[Day 22] JavaScript 中的 class 基礎

昨天提到了 JavaScript 在 ES6 中引入了 class 這個關鍵字,它提供了一個更加直觀和易讀的語法,讓開發者能夠更容易地定義物件和繼承關係。當然昨...

2023-10-06 ‧ 由 tunafin 分享
DAY 23

[Day 23] JavaScript 中的函式

在 JavaScript 中,函式(Function) 是一種具有「可執行程式碼片段」的物件,與其他物件最大的差別是函式能被呼叫。函式能被當作一般的物件來傳遞和...

2023-10-07 ‧ 由 tunafin 分享
DAY 24

[Day 24] this

在 JavaScript 中,this 關鍵字是一個相當重要且常被誤解的概念,對初學者來說是大魔王般的存在,即使是老手有時也會不小心誤判結果。以函式來說,它的值...

2023-10-08 ‧ 由 tunafin 分享
DAY 25

[Day 25] 函式原型中的 apply()、bind()、call()

昨天說到透過 this 關鍵字會在不同情境中取到不同的值,雖然會如何取值都是根據規範而來的,但實際上我們能手動改變 this 的指向,那就是透過函式原型的 ap...

2023-10-09 ‧ 由 tunafin 分享
DAY 26

[Day 26] Promise 與 Async Function(Async / Await)

在 JavaScript 中,非同步程式碼的處理一直以來都是個挑戰。過去,我們只能使用回調函式(callbacks)和事件(events)等來處理非同步操作,但...

2023-10-10 ‧ 由 tunafin 分享
DAY 27

[Day 27] JavaScript 監聽事件的方式

JavaScript 是一種「事件驅動程式設計(Event-Driven Programming)」的語言,透過觸發事件的方式來執行相對應的程式碼。以前端的網頁...

2023-10-11 ‧ 由 tunafin 分享
DAY 28

[Day 28] 事件的傳遞機制

昨天提到可以在 HTML 的 DOM 元素上添加事件監聽器,而今天要來講事件的傳遞機制。在 JavaScript 中,事件冒泡(event bubbling)...

2023-10-12 ‧ 由 tunafin 分享
DAY 29

[Day 29] ECMAScript 各版本重點語法

ECMAScript(簡稱 ES) 是一個用來標準化 JavaScript 語言的規範,它的第一個版本(ES1)在 1997 年釋出,並在之後幾年陸續都有釋出新...

2023-10-13 ‧ 由 tunafin 分享
DAY 30

[Day 30] 完賽心得

30天的鐵人賽旅程,終於在今天要結束了。一開始覺得這段日子特別漫長,但不知不覺還是堅持到了最後。作為這系列的收尾,今天要來講講這個月以來的參賽心得。 會選擇 J...

2023-10-14 ‧ 由 tunafin 分享