起手式
JavaScript 是一種輕量級、直譯式的程式語言,它是一種動態語言,可以在瀏覽器上執行,用來為網頁增加互動性。
在 2009 由 Ryan Dahl 推出 Node.js 後,JavaScript 也可以在伺服器端執行,作為後端程式語言使用,常見的後端框架有 Express、Koa、Nest 等等。
JavaScript 在前端領域上也發展出許多框架,例如:React、Vue、Angular。
接下來的章節,我們主要以 NodeJS 為基本環境,來學習 JavaScript 的基本語法。
撰寫你的第一行 JavaScript
前面我們已經安裝好 Node.js 的環境,也透過 node -v 確認安裝成功。
那麼我們來寫我們第一行 JavaScript 吧,打開終端機,輸入以下指令:
node這時候會進入 Node.js 的 REPL(Read-Eval-Print Loop)模式,可以直接輸入 JavaScript 來執行。
TIP
REPL 是 Node.js 的執行模式,用來執行程式碼,並且立即顯示結果。
輸入以下程式碼:
console.log('Hello, World!');按下 Enter 鍵,就會看到終端機印出 Hello, World!,這就是你的第一行 JavaScript 程式碼。
但是這樣是不行的,我們無法每次都這樣重新寫一行程式碼,所以我們需要用一個檔案來存放程式碼。
而程式碼需要存放在一個資料夾中,這樣才能管理程式碼、設定檔、相依套件等等。
建立專案資料夾與程式碼檔案
在任何你想存放專案的目錄下,執行以下指令:
mkdir my-js-project
cd my-js-project這樣就建立了一個名為 my-js-project 的資料夾,並且進入這個資料夾。
接著我們需要建立一個 index.js 檔案,這個檔案是我們的程式碼存放處。
touch index.js這樣就建立了一個 index.js 檔案,接下來我們可以用編輯器打開這個檔案,並且輸入以下程式碼:
console.log('Hello, World!');接著我們可以執行這個程式碼,輸入以下指令:
node index.js這樣就會在終端機印出 Hello, World!,這就是你的第一個 JavaScript 專案。
再下一個章節,我們將會學習 JavaScript 的變數、資料型別、運算子等等基本語法,讓你更了解 JavaScript 的基本概念。
