[Node.js] 介紹與開始

在開始之前,首先說明學習的資源主要為 The Net NinjaNode.js Crash Course Tutorial 系列,部分內容參考 W3Schools 及其它使用到的框架官方文件等,以快速、直接的瞭解 Node.js 及其基礎應用。

Node.js 簡介

以前 JS 只能在有 v8 引擎的瀏覽器上執行時 (JavaScript 為直譯語言),編譯成機器碼。

Node.js 則是用 C++ 編寫,並包裝了 v8 引擎,因此現在不只可以在瀏覽器上,更可以直接在電腦或是伺服器上運行 JS。
此外 Node.js 並不僅是 v8 引擎的包裝環境,也添加了額外的功能給 JavaScript,比如:

  1. 從電腦上讀取或寫入檔案
  2. 連接到數據庫
  3. 作為伺服器的內容

以上為作為伺服器後端語言希望能做到的工作

使用 Node.js 的優點

  1. 如果使用者是先從前端領域開始學習的,那麼可以使用相同的 JavaScript 作為學習後端的語言,而不需再去學其它的語言(但還是要學習與前端稍不一樣的 Node.js)
  2. Node.js 有大量的第三方軟件包和工具可以使用,幫助網頁開發

開始使用 Node.js

在學習 Node.js 之前,應先具備 JavaScript 的基礎,例如:functions, async code, promises … 等。

關於 Node.js 的安裝這裡就不贅述,網路上已有大量的文章、影片教學,安裝好後可以在 cmd 上輸入 node -v 來確認是否安裝成功。
如圖顯示筆者的 Node.js 版本是 12.16.3

接著可以輸入 node 指令,進入一個可以執行輸入的 JS code 的環境

輸入 1+2,會回應 3

設定 x 字串變數,並呼叫 x

以上操作都可以在瀏覽器的 console 控制台做到,如果想回到一般的 cmd 按兩次的 Ctrl + C 或是一次的 Ctrl +D 即可。

但一般不會在 cmd 撰寫 JS code ,而是在文本編輯器,筆者習慣使用的編輯器為 VS code (Visual Studio Code),因此後面在操作時也是以 VS code 進行。
關於 VS code 的使用也請至網路上搜索,這裡就不多介紹了。

開始撰寫第一個 Node.js

首先在 VS code 開啟一個資料夾,這裡我命名為 NODE-TEST,並在其內新增 test.js 檔案

接著在該檔撰寫如下 code 並存檔

1
2
const str = "Hello World!";
console.log(str);

開啟 VS code 的終端機,注意目前的資料夾為存放 test.js 的資料夾

輸入 node test 或是 node test.js 執行 test.js 檔案,可以看到列印出 str 的字串內容

該結果與在瀏覽器上執行的結果相同。


參考資料
The Net Ninja | Node.js Crash Course Tutorial #1 - Introduction & Setup