系列文章
JavaScript基本功修練：Day11 - 陣列基本概念
在陣列的課題中，新手的我覺得最難的部分之一是如何靈活運用陣用不同的方法，特別是迭代(forEach,map,reduce等)的部分。因為鐵人賽的關係，所以也多看...
JavaScript基本功修練：Day12 - 陣列常用方法：indexOf、splice、concat與展開運算子
陣列的方法真的很多，多到可以自成一個鐵人賽系列(咦找一下還真的有，太厲害了!!) 但這裏因為內容有限，所以只能重點講比較常用的方法，以及一些應用例子。 今天會針...
JavaScript基本功修練：Day13 - 陣列高階函數練習之Codewars刷題(I)
初學JavaScript的時候，其中一個難題就是靈活運用高階函數(Higher-order functions)，例如forEach()、map()、filte...
JavaScript基本功修練：Day14 - 陣列高階函數練習之Codewars刷題(II)
承接昨天的練習，今天再來看看Codewars collection這裏的三條題目(第4,5,7題)。整理一下自己的解法之外，也藉此機會學習別人的解法。因為篇幅問...
JavaScript基本功修練：Day15 - 解構賦值的概念與應用
解構賦值是ES6新增的寫法，讓我們更快捷去把陣列或物件裏的值賦予給變數，同時也讓程式碼更易閱讀。解構賦值的概念挺直接的，但自己在應用上還是很不熟悉，所以今天就來...
JavaScript基本功修練：Day16 - 原型的基本概念
終於跑完一半鐵人賽了，接下來會慢慢深入JavaScript比較進階的部分(嚇怕。這兩三天會進入原型的課題，而今天就先整理一下原型的基本概念。 原型是什麼？ 我們...
JavaScript基本功修練：Day17 - 建立一個多層原型鏈
昨天提及我們可以用建構函式來建立實體物件，並讓該物件能夠繼承該建構函式所定義的屬性，以及繼承該建構函式的原型內的方法，從而形成一個原型鏈的結構。 在理解了原型和...
JavaScript基本功修練：Day18 - 用ES6的Class語法糖建立原型鏈
ES6新增了Class的語法，這個語法糖讓我們用更簡化的程式碼寫出原型鏈。但要注意，雖然我們寫Class語法，但跟之前寫建構函式一樣，背後原理一樣都是操作物件的...
JavaScript基本功修練：Day19 - 設定物件屬性裏的特徵
在學習原型鏈的同時，自己也有看過關於物件屬性特徵的知識，才知道原來物件屬性裏還有特徵這個東西存在！我們可以定義這些物件的屬性特徵，也可以用一些方法操控或修改它們...
JavaScript基本功修練：Day20 - this的運作
this所指向是物件是看我們如何呼叫函式。不論在全域或函式裏，都會自動帶上this這個關鍵詞，我們可以調用它來指向某個物件。當我們在全域使用this，它會指向w...