第一章:前端視角——js執行環境之node.js基礎入門

佩子發表於2018-07-17

1.為什麼使用node.js

大部分情況下,我們寫的js程式碼都是直接執行在瀏覽器中,由瀏覽器進行執行與渲染。但是隨著前端工程化的發展,我們寫的js程式碼越來越複雜,所以對我們的程式碼進行預處理已成為了必要的工序,而node.js則提供了這樣一個平臺。

2.node.js是什麼

Node.js是一個基於 Chrome V8 引擎的JavaScript執行環境(runtime),Node不是一門語言,而是讓js執行在後端的執行時,並且不包括javascript全集,因為在服務端中不包含DOM和BOM。Node也提供了一些新的模組例如http,fs模組等。Node.js 的包管理器 npm,是全球最大的開源庫生態系統。

3.node.js執行機制

眾所周知,js是單執行緒語言,但瀏覽器實現了資源載入,http請求等費時操作的多執行緒操作,node.js的主執行緒依舊是單執行緒的,所有同步任務都在主執行緒上執行,形成一個執行棧,主執行緒之外,還存在一個任務佇列=》只要非同步任務有了執行結果,就在任務佇列之中放置一個事件=》一旦執行棧中的所有同步任務執行完畢,系統就會讀取任務佇列,將佇列中的事件放到執行棧中依次執行=》主執行緒從任務佇列中讀取事件,這個過程是迴圈不斷的。

4.node.js的使用

#####1.檢視當前的 Node 版本:

$ node -v v10.5.0

2.執行js檔案:

開啟終端環境,windows : cmd , mac : Terminal,使用cd 命令到要執行的js檔案目錄,執行node XXX.js,我們現在在demo資料夾裡新建一個1.js檔案,在1.js檔案中寫入console.log('執行js檔案'),讓我們開啟終端環境來執行一下

➜ cd demo ➜ demo node 1.js 執行js檔案

3.模組引入(模組引入是同步的)
(1)核心模組

nodeJS核心模組有:

  • fs 檔案系統
  • global 全域性變數
  • net 網路
  • util 實用工具
  • path 路徑處理等

引入方式例如:

>let fs = require('fs');
複製程式碼
(2)第三方模組

Nodejs 中第三方模組由包組成,可以通過包來對一組具有相互依 賴關係的模組進行統一管理,通過 NPM 命令來下載第三方的模組(包)。 完全符合 CommonJs 規範的包目錄一般包含如下這些檔案。

  • package.json :包描述檔案。
  • bin :用於存放可執行二進位制檔案的目錄。
  • lib :用於存放 JavaScript 程式碼的目錄。
  • doc :用於存放文件的目錄。

例如: 開啟終端 執行

npm i vue –save

安裝完畢後在檔案中引入

引入方式和核心模組引入一樣

(3)自定義模組

如果要引入自定義的模組,雖然可能在當前目錄下,但是也需要注意路徑,因為如果不加路徑標識的話,很難分辨出來是引用的系統模組還是引用的當前目錄裡的模組,如下面這種,是分不清的:

let http = require('http'); let test = require('test.js');

——正確的寫法是如下:

let test = require('./test.js');

5.nodeJS怎麼除錯

1.命令列除錯

node inspect test.js

第一章:前端視角——js執行環境之node.js基礎入門

2.瀏覽器除錯(不推薦 )

3.編輯器除錯

下載Visual Studio Code,安裝Code Runner外掛,用編輯器開啟你所需執行的檔案,然後點選右鍵,選擇Run Code即可

這一章我們對nodejs有個基礎的認識以及為什麼前端也需要掌握它,接下來我們開始愉快(折磨)的學習之旅吧!

相關文章