iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

教練我想學 JavaScript 系列

自己在理解 JavaScript 時,常常用著一知半解的觀念來腦補,
後果當然就是別人問我一個專有名詞都有答不上來的情況發生,
希望透過這 30 天的挑戰後,自己能夠多釐清 JavaScript 一點。

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

Day 21 Function Factories、閉包與回呼

Function Factories 是透過呼叫執行一個函數,這個函數執行完會回傳另一個幫我們做事的函數 , 我們先來看看之前提過的一段程式碼: functio...

2018-11-05 ‧ 由 Jimmy 分享
DAY 22

Day 22 call()、apply() 與 bind()

當呼叫函數時執行環境會被丟進執行堆最上方執行,函數的執行環境中我們已經知道也會有變數環境、外部環境、以及特殊變數 this , 在全域環境中我們不管是透過函數陳...

2018-11-06 ‧ 由 Jimmy 分享
DAY 23

Day 23 函數程式設計

因為 JavaScript 一級函數的特性,函數是一種特殊的物件,函數的參數可以傳入函數,也可在函數中回傳函數,課堂講師提到身為一個程式設計師,總是懶得打重複的...

2018-11-07 ‧ 由 Jimmy 分享
DAY 24

Day 24 Class 和 Prototype 繼承

接下來開始會談到 JavaScript 的物件導向(Object Oriented)和原型繼承(Prototype Inheritance)的觀念,當談到物件導...

2018-11-08 ‧ 由 Jimmy 分享
DAY 25

Day 25 物件、Reflection 與 Extend

在 JavaScript 中除了純值外其他東西都是物件,物件的原型屬性可以參考另外一個物件的屬性與方法, 我們先新增一些空的物件、函數、陣列,程式碼如下: va...

2018-11-09 ‧ 由 Jimmy 分享
DAY 26

Day 26 new 運算子與構造函數

在初步認識完物件的原型(Prototype)觀念後,接著來說另一個建立物件的方法,之前說過透過物件實體語法(兩個大括號)、或使用 new Object() 都可...

2018-11-10 ‧ 由 Jimmy 分享
DAY 27

Day 27 函數建構子與 prototype

透過函數建構子能夠建立物件以及設定物件的的屬性與方法,那要如何設定物件的原型屬性呢? 回顧一下昨天透過函數建構子建立物件的程式碼,程式碼如下: function...

2018-11-11 ‧ 由 Jimmy 分享
DAY 28

Day 28 陣列與 for in

之前我們透過 for in 來察看物件中的屬性與屬性值,但 for in 也可以印出陣列中的每個成員,因為陣列也算是一種特殊的物件, 程式碼如下: var ar...

2018-11-12 ‧ 由 Jimmy 分享
DAY 29

Day 29 Object.create

Day 29 Object.create 與純粹的原型繼承 我們已經知道透過 new 運算子呼叫函數建構子可以建立物件,但這種方式是為了模仿其他程式語言(Jav...

2018-11-13 ‧ 由 Jimmy 分享
DAY 30

Day 30 總結

這次參賽讓我有不同的體悟,在開賽前 15 天,原本預計每天要先產出1篇來累積,不過在開賽時我只有累積 7篇左右,因為每天都想說還有明天( 真的很愛拖延, 在這次...

2018-11-14 ‧ 由 Jimmy 分享