iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

就是要搞懂 JavaScript 啦! 系列

本篇系列文為《You Don't Know JS》的讀書筆記,並搭配其他補充資料,寫下自己對這門語言的理解。
作為前端工程師,JavaScript 的各種實作細節是無法避開的課題,在一次次閱讀各種文件和文章,加上工作中累積的實作經驗,也算是對 JavaScript 建立起了相關的知識體系。於是就想藉著這次讀書筆記的機會,來和大家分享我所知道的 JavaScript。
所以說......就是要搞懂 JavaScript 啦!之前搞不懂的、一知半解的、模模糊糊的,這一次通通給他弄懂!

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

Day21 this 軟硬綁定:爛桃花綁完能不能解開差很多

硬绑定(Hard Binding) 硬绑定算是明確綁定的變種,效果等同於 bind。由於在 ES5 之前的 JS 版本,還沒有 bind 這個函式方法,使用硬綁...

2022-10-06 ‧ 由 Emi 分享
DAY 22

Day22 this new 綁定:比起舊愛當然是選新歡啊

new 绑定(new Binding) 在一般類別導向(class-orientation)的語言中,建構子(constructors)是附在類(class)上...

2022-10-07 ‧ 由 Emi 分享
DAY 23

Day23 this 箭頭函式綁定:回到熟悉的作用域

ES6 以後,JS 新增了一個完全跳脫原本 this 規則的特殊函式,也就是「箭頭函式(Arrow-Function)」。 它不透過 function 關鍵字宣...

2022-10-08 ‧ 由 Emi 分享
DAY 24

Day24 this 綁定優先順序:誰的紅線更牢固?

這裡稍微複習一下,JS 中的 this 會由於調用方式不同而改變指向的物件,基本上有以下幾種: 默認綁定(Default Binding):this 在 st...

2022-10-09 ‧ 由 Emi 分享
DAY 25

Day25 Object:人的70%是水,JS的70%是...

講完 this 之後,接著就來說說 this 指向的物件了。 在 JS 中,主要有 7 種型別,外加 2 種物件的子型別。 string number...

2022-10-10 ‧ 由 Emi 分享
DAY 26

Day26 Object 創造物件:神說,要有光,就有了光

物件的宣告 JS 物件有兩種宣告形式: 宣告形式(declarative / literal form) var myObj = { key: value...

2022-10-11 ‧ 由 Emi 分享
DAY 27

Day27 Object 內建物件:一直在這只是你沒發現

內建物件是什麼? 在 JS 中,所謂的內建物件(Built-in Objects)其實是一系列的內建函式,它們每個都可以被當成建構子(Constructor)使...

2022-10-12 ‧ 由 Emi 分享
DAY 28

Day28 Object 複製物件:要深淺焙還是淺焙...我是說拷貝啦

傳值 v.s. 傳址 在程式中,傳遞內容基本上有兩種方法,一種是傳值,另一種則是傳址(又稱傳參): 傳址/傳參(Call by reference / Pas...

2022-10-13 ‧ 由 Emi 分享
DAY 29

Day29 Object 屬性存在性:我思故我在...那麼屬性呢?

存在性(Existence) 在操作 JS 的物件屬性時,我們有時會有個困惑: 如果存取某個物件的值時返回了 undefined,那麼這個屬性到底是本來就不存在...

2022-10-14 ‧ 由 Emi 分享
DAY 30

Day30 Object 屬性描述器 :今天想來點什麼樣的屬性呢?

屬性描述器(Property Descriptors) 我們已經知道,物件內藉由儲存屬性這樣一個參考來指向實際值/內容。 JS 在 ES5 的版本以後,新增了「...

2022-10-15 ‧ 由 Emi 分享