iT邦幫忙

鐵人檔案

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

深入淺出 ES6 新特性:讓 JavaScript 更現代化的 30 天之旅 系列

ES6(ECMAScript 2015)是 JavaScript 語言發展的一個重大里程碑,為開發者帶來了強大的新特性,提升了開發效率並解決了過去語法上的諸多痛點。本系列將在 30 天內深入介紹 ES6 的新特性,從基礎語法到高級應用,幫助開發者掌握這些現代化工具,並實際應用到開發中。每一天我們將探討不同的特性,如 let 和 const、箭頭函數、模板字串、解構賦值、Promise 等,讓你在實踐中逐步提升對 ES6 的理解與掌握。

參賽天數 18 天 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day11深入解析 Promise 鏈式調用:告別回調地獄

Promise 鏈式調用:告別回調地獄在 JavaScript 中,處理非同步操作時,回調函數會造成嵌套過深的「回調地獄」。利用 Promise 的鏈式調用可以...

2024-09-25 ‧ 由 aalleenn6602 分享
DAY 12

Day12 async/await 讓非同步操作更簡單

在 JavaScript 中,處理非同步操作的方式有多種,傳統的回調和 Promise 是常見選擇。然而,當有多層非同步邏輯時,Promise 的鏈式結構可能仍...

2024-09-26 ‧ 由 aalleenn6602 分享
DAY 13

Day13 JavaScript 中的類別 (Classes)

*介紹:JavaScript 中的類別 (Classes)在 ES6 之前,JavaScript 使用函數來模擬類別,這樣的方式不直觀且不夠簡潔。ES6 引入了...

2024-09-27 ‧ 由 aalleenn6602 分享
DAY 14

Day14 類別繼承 (Class Inheritance) 簡介

*在面向對象編程(OOP)中,類別繼承是一個非常重要的概念。它允許我們基於現有的類別創建新的類別,從而實現代碼的重用和結構化。在 JavaScript 中,我們...

2024-09-28 ‧ 由 aalleenn6602 分享
DAY 15

Day15 JavaScript 模組 (Modules)

*在現代 JavaScript 開發中,模組化是組織代碼的重要方式。ES6 引入了原生的模組系統,讓我們可以使用 export 和 import 關鍵字來拆分程...

2024-09-29 ‧ 由 aalleenn6602 分享
DAY 16

Day16 Symbol 資料類型

在 ES6 中,Symbol 是一種全新的原始資料類型,它的特點是每個 Symbol 值都是唯一的。這使得 Symbol 非常適合用來創建物件的私有屬性,避免與...

2024-09-30 ‧ 由 aalleenn6602 分享
DAY 17

Day17 JavaScript 迭代器 (Iterators)

在 JavaScript 中,迭代器是一個提供迭代行為的物件。它允許我們手動控制迭代過程,逐步遍歷集合中的每一個元素。每個迭代器物件都有一個 next() 方法...

2024-10-01 ‧ 由 aalleenn6602 分享
DAY 18

Day18 生成器 (Generators) 簡介

在 JavaScript 中,生成器函數是一種特殊的函數,它允許我們在執行過程中暫停和恢復。使用 function* 關鍵字定義生成器函數,並透過 yield...

2024-10-02 ‧ 由 aalleenn6602 分享
DAY 18

Day19 Set 與 WeakSet 簡介

*在 JavaScript 中,Set 和 WeakSet 是兩個用於儲存唯一值的集合結構。這些結構提供了一種簡單的方法來處理重複值的數據,並且具有優秀的性能表...

2024-10-04 ‧ 由 aalleenn6602 分享
DAY 18

Day 20:Map 與 WeakMap

ES6 引入了 Map 和 WeakMap 作為新的數據結構,提供更靈活的方式來存儲鍵值對。 Map 是一種鍵值對數據結構,與傳統的物件相比,Map 允許任何類...

2024-10-12 ‧ 由 aalleenn6602 分享