# Javascript 與 Node.js 比較
# javascript
| 組合部件 | 說明 | 作用 |
|---|---|---|
| 核心 ECMAScript | 描述 JS 本身的相關內容 | 語言基礎 |
| 文件物件模型 DOM | 整合 JS、CSS 和 HTML | 處理動作頁面元素 |
| 瀏覽器物件模型 BOM | 整合 JS 與 瀏覽器 | 操作瀏覽器 |
# Node.js
| 組合部件 | 說明 | 作用 |
|---|---|---|
| ECMAScript | 語言基礎 | 語言基礎 |
| OS | 作業系統互動部分 | 後台的作業系統能力 |
| File | 檔案系統 | 操作檔案能力 |
| Net | 網路系統 | 操作網路 |
| Database | 資料庫 | 操作資料 |
# 第一個 Node.js 實現 Hello World
# 純指令稿
首先透過指令稿模式撰寫第一個程式，為了撰寫直接輸出 "Hello World" 的範例，輸入:
console.log("Hello World"); |
儲存該檔案後，透過 Node.js 指令 node 執行該檔案:
node helloworld.js |
執行成功結果為:
node helloworld.js | |
Hello world |
# 互動模式
開啟終端，輸入 node 指令，進入指令會動模式，可以輸入一筆程式並立即執行結果，例如:
$ node | |
> console.log('Hello World'); | |
Hello World | |
undefined |
# 建立 Node.js 專案
建立資料夾 test ，在該目錄中建立專案檔案 index.js :
const http = require('http'); | |
const hostname = `127.0.0.1`; | |
const port = 6001; | |
const server = http.createServer((req,res)=>{ | |
res.statusCode = 200; | |
res.setHeader('Content-Type',`text/plain`); | |
res.end('Hello World'); | |
}); | |
server.listen(port,hostname,()=>{ | |
console.log(`Server is running at http://${hostname}:${port}/`); | |
}); |
port 設置為 6001 可以任意修改。
執行以下指令，並執行 Node.js 專案:
node index.js |
在本機的瀏覽器中可以造訪網址 127.0.0.1:6001 ，檢視是否執行正常。
