搜尋結果

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...

控制流程 任何一種程式語言程式碼都是由上而下逐一執行的，此外有時候必須程式判斷依照不同的數值給予不同的路徑輸出，稱之為控制流程。 區塊(block) ES6 中新增了程式區塊是用大括號包起來的區域： { statement 1 statement 2 ... statement n } if...esle 判斷式 if...else 是任何語言最常見的控制流程語句，他的概念非常簡單以下用 pseudo code 演示： if (今天天氣好) { 出處走走 } else { 關在家裡 } 此外在開發上若遇到大量的if、esle...

JavaScript 歷史與發展 各位先前可能聽過 ECMAScript 若不知道也沒關係，ES6的出現就他有關係，在1995年時 Netscape(網景)公司與 Sun(昇陽)公司合作 設計一個網頁程式語言名為 JavaScript 名稱屬 Sun(昇陽)公司擁有，後來被Oracle(甲骨文)公司所收購。1996年11月，網景公司將 JavaScript...