Exports & Imports (Modules) 在撰寫 API 過程中你會將很多分支檔案拆開寫，一方面是減少過長的程式碼另一方面是日後好管理。你必須要先匯出分支檔(export)再經由主檔案中被引入(import)，以下有個簡單例子，第一個分支檔 person.js 將函式 person 匯出，第二支分支檔將函式 clean 和變數 bastData 匯出 (另一種匯出寫法) ，最後再主檔案 index.js 引入被呼叫使用。 分支檔 person.js、utility.js // person.js 分支檔1...

陣列 Array 這篇文章要來介紹容器，首先先來談談陣列，陣列是有順序地存放大量資料的結構，大多數程式語言都是 0 為起始點，例如 arr[0] ， JavaScript 也不例外，當然 JavaScript 的陣列也內建很多函式可以直接呼叫例如 length、match...等。 陣列的使用 陣列的初始化有兩種方式一種是立即給值，另一種是後續給值。 立即給值 const arr = [1, 2, 3] console.log(arr.length) // 3 後續給值 const arr = [] arr[0] = 1...

函式(function) 箭頭函式在 JavaScript 中改寫原本 function 的撰寫方式。除了較短的語法外，它們在保持this 關鍵字範圍方面也有優勢 參見這裡，此外在 ESLint 中官方也建議使用箭頭函式取代傳統寫法。 函式 (function) 又稱方法 (method)，用於程式碼過多重複時定義一個方法來去重複呼叫他來解省我們的開發效率，以下為範例： 原本寫法 // 使用有名稱的函式 function sum(a, b){ return a+b; } // 常數指定為匿名函式 const sum =...

迴圈 迴圈總共分為三種寫法分別有 for、while、do while，其中最常見也被最常使用的就非 for 迴圈莫屬了，故這邊就先只提 for 一種。 for 語句 for 迴圈的小括號內有三個參數用分號隔開，它們各自有其功用，for迴圈的基本語法如下: 參數一控制變數初始值 參數二設定週期 參數三設定每次間隔 for (let i = 0 ; i < 10 ; i +=1){ console.log(i); } 這邊值得一提的是我並不是使用 i++ 做每次間隔，由於 ESLint 建議Unary operator...