iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

JavaScript基本功修煉 系列

幾個月前我毅然從平面設計和藝術創作,轉戰前端開發之路。直到最近在寫JavaScript卡關時,不禁懷疑自己是否有能力繼續走下去,但與其懷疑人生,不如腳踏實地一步步把基本功練起來才是最實際。這系列會由零開始記錄JavaScript的基本概念,也會分享自己實作練習的過程,希望各位多多指教!

鐵人鍊成 | 共 31 篇文章 | 124 人訂閱 訂閱系列文 RSS系列文 團隊十萬伏bug打字團
DAY 11

JavaScript基本功修練:Day11 - 陣列基本概念

在陣列的課題中,新手的我覺得最難的部分之一是如何靈活運用陣用不同的方法,特別是迭代(forEach,map,reduce等)的部分。因為鐵人賽的關係,所以也多看...

2020-09-26 ‧ 由 Alysa Chan 分享
DAY 12

JavaScript基本功修練:Day12 - 陣列常用方法:indexOf、splice、concat與展開運算子

陣列的方法真的很多,多到可以自成一個鐵人賽系列(咦找一下還真的有,太厲害了!!) 但這裏因為內容有限,所以只能重點講比較常用的方法,以及一些應用例子。 今天會針...

2020-09-27 ‧ 由 Alysa Chan 分享
DAY 13

JavaScript基本功修練:Day13 - 陣列高階函數練習之Codewars刷題(I)

初學JavaScript的時候,其中一個難題就是靈活運用高階函數(Higher-order functions),例如forEach()、map()、filte...

2020-09-28 ‧ 由 Alysa Chan 分享
DAY 14

JavaScript基本功修練:Day14 - 陣列高階函數練習之Codewars刷題(II)

承接昨天的練習,今天再來看看Codewars collection這裏的三條題目(第4,5,7題)。整理一下自己的解法之外,也藉此機會學習別人的解法。因為篇幅問...

2020-09-29 ‧ 由 Alysa Chan 分享
DAY 15

JavaScript基本功修練:Day15 - 解構賦值的概念與應用

解構賦值是ES6新增的寫法,讓我們更快捷去把陣列或物件裏的值賦予給變數,同時也讓程式碼更易閱讀。解構賦值的概念挺直接的,但自己在應用上還是很不熟悉,所以今天就來...

2020-09-30 ‧ 由 Alysa Chan 分享
DAY 16

JavaScript基本功修練:Day16 - 原型的基本概念

終於跑完一半鐵人賽了,接下來會慢慢深入JavaScript比較進階的部分(嚇怕。這兩三天會進入原型的課題,而今天就先整理一下原型的基本概念。 原型是什麼? 我們...

2020-10-01 ‧ 由 Alysa Chan 分享
DAY 17

JavaScript基本功修練:Day17 - 建立一個多層原型鏈

昨天提及我們可以用建構函式來建立實體物件,並讓該物件能夠繼承該建構函式所定義的屬性,以及繼承該建構函式的原型內的方法,從而形成一個原型鏈的結構。 在理解了原型和...

2020-10-02 ‧ 由 Alysa Chan 分享
DAY 18

JavaScript基本功修練:Day18 - 用ES6的Class語法糖建立原型鏈

ES6新增了Class的語法,這個語法糖讓我們用更簡化的程式碼寫出原型鏈。但要注意,雖然我們寫Class語法,但跟之前寫建構函式一樣,背後原理一樣都是操作物件的...

2020-10-03 ‧ 由 Alysa Chan 分享
DAY 19

JavaScript基本功修練:Day19 - 設定物件屬性裏的特徵

在學習原型鏈的同時,自己也有看過關於物件屬性特徵的知識,才知道原來物件屬性裏還有特徵這個東西存在!我們可以定義這些物件的屬性特徵,也可以用一些方法操控或修改它們...

2020-10-04 ‧ 由 Alysa Chan 分享
DAY 20

JavaScript基本功修練:Day20 - this的運作

this所指向是物件是看我們如何呼叫函式。不論在全域或函式裏,都會自動帶上this這個關鍵詞,我們可以調用它來指向某個物件。當我們在全域使用this,它會指向w...

2020-10-05 ‧ 由 Alysa Chan 分享