幾個月前我毅然從平面設計和藝術創作,轉戰前端開發之路。直到最近在寫JavaScript卡關時,不禁懷疑自己是否有能力繼續走下去,但與其懷疑人生,不如腳踏實地一步步把基本功練起來才是最實際。這系列會由零開始記錄JavaScript的基本概念,也會分享自己實作練習的過程,希望各位多多指教!
在陣列的課題中,新手的我覺得最難的部分之一是如何靈活運用陣用不同的方法,特別是迭代(forEach,map,reduce等)的部分。因為鐵人賽的關係,所以也多看...
陣列的方法真的很多,多到可以自成一個鐵人賽系列(咦找一下還真的有,太厲害了!!) 但這裏因為內容有限,所以只能重點講比較常用的方法,以及一些應用例子。 今天會針...
初學JavaScript的時候,其中一個難題就是靈活運用高階函數(Higher-order functions),例如forEach()、map()、filte...
承接昨天的練習,今天再來看看Codewars collection這裏的三條題目(第4,5,7題)。整理一下自己的解法之外,也藉此機會學習別人的解法。因為篇幅問...
解構賦值是ES6新增的寫法,讓我們更快捷去把陣列或物件裏的值賦予給變數,同時也讓程式碼更易閱讀。解構賦值的概念挺直接的,但自己在應用上還是很不熟悉,所以今天就來...
終於跑完一半鐵人賽了,接下來會慢慢深入JavaScript比較進階的部分(嚇怕。這兩三天會進入原型的課題,而今天就先整理一下原型的基本概念。 原型是什麼? 我們...
昨天提及我們可以用建構函式來建立實體物件,並讓該物件能夠繼承該建構函式所定義的屬性,以及繼承該建構函式的原型內的方法,從而形成一個原型鏈的結構。 在理解了原型和...
ES6新增了Class的語法,這個語法糖讓我們用更簡化的程式碼寫出原型鏈。但要注意,雖然我們寫Class語法,但跟之前寫建構函式一樣,背後原理一樣都是操作物件的...
在學習原型鏈的同時,自己也有看過關於物件屬性特徵的知識,才知道原來物件屬性裏還有特徵這個東西存在!我們可以定義這些物件的屬性特徵,也可以用一些方法操控或修改它們...
this所指向是物件是看我們如何呼叫函式。不論在全域或函式裏,都會自動帶上this這個關鍵詞,我們可以調用它來指向某個物件。當我們在全域使用this,它會指向w...