iT邦幫忙

鐵人檔案

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

JavaScript 奇奇怪怪的核心觀念 系列

關於 JavaScript 核心觀念的課程、書籍雖然看過不少,一些特性也都大致瞭解,不過很常面對偏向 JavaScript 核心上的問題都還是要翻文章,看半天才能確認問題答案,或是想起相關觀念,因此藉由這次鐵人賽,整理一下核心上一些觀念。

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

(Day11) 物件參考特性

傳值與傳參考 物件傳參考是 JS 中非常重要的特性,純值和物件在賦值時的行為模式不同: 純值在賦值時會是傳值 物件型別都是傳參考(參考記憶體) 先來看看傳值...

2021-09-11 ‧ 由 Ryder 分享
DAY 12

(Day12) 物件,淺拷貝/深拷貝

前言 實作很常會遇到要讓物件複製出來,個別使用的狀況,在 JavaScript 物件複製分成兩種: 淺拷貝 深拷貝 淺拷貝(shallow copy) 這邊...

2021-09-12 ‧ 由 Ryder 分享
DAY 13

(Day13) 函式基礎與參數介紹

前言 函式在即使非 JavaScript 的程式語言中是非常重要的一塊,我們會根據需求在函式中建立一系列動作,需要的時候便接呼叫對應函式,不管需求是執行 Aj...

2021-09-13 ‧ 由 Ryder 分享
DAY 14

(Day14) 閉包 (Closure) 介紹

閉包算是在 JS 中常聽到,卻不容易使用的一個方法,更多狀況是不小心用出來,~~因此出 bug ~~ 閉包與記憶體 在介紹閉包之前,先來看看下面範例: func...

2021-09-14 ‧ 由 Ryder 分享
DAY 15

(Day15) 閉包進階使用,工廠模式及私有方法。

上回介紹閉包概念以及閉包大致運用,這次則介紹實做比較常用閉包的幾種模式 工廠模式 上個章節有介紹到,使用不同變數可以讓閉包儲存的記憶體分開,在透過不同參數可以達...

2021-09-15 ‧ 由 Ryder 分享
DAY 16

(Day-16) this 介紹上 - this 的指向

前言 不論是學習或是開發時,我們容易被 this 的指向搞的頭昏眼花,接下來會花兩個篇幅介紹 this 指向。 也因為 this 容易把人搞亂這邊先列出影響 t...

2021-09-16 ‧ 由 Ryder 分享
DAY 17

(Day17) this 介紹下 - 綁定 this 的 call & apply & bind 與嚴格模式

前言 上篇大致講解了 this 在不同狀況的指向,這篇會來講講使用 call/apply/bind 來綁定 this, 以及在嚴格模式下 this 指向會有所不...

2021-09-17 ‧ 由 Ryder 分享
DAY 18

(Day18) 原型特性與繼承

什麼是原型? JavaScript 這個語言有一個特性,所以資料其實都是以『物件』方式做建立,因此也可以說 JavaScript 所有資料都有原型,而到底什麼是...

2021-09-18 ‧ 由 Ryder 分享
DAY 19

(Day 19) 原型與建構式

函式建構式建立原型 前面幾篇有提到,可以使用函示建構式、或是 ES 6 來建立原型,今天就來介紹使用 函示建構式 來建立原型。 首先便是建立一個函示建構式 //...

2021-09-19 ‧ 由 Ryder 分享
DAY 20

(Day 20) Object.create 建立多層繼承

上回介紹了如何使用建構式來建立原型,接著今天介紹使用 Object.create() 建立多層原型,先前在 T Shirt 例子有提到 , T Shirt 的...

2021-09-20 ‧ 由 Ryder 分享