快捷導(dǎo)航

node環(huán)境執(zhí)行js文件的完整步驟

更新時(shí)間：2023年02月03日 09:37:18 作者：Flying____fish

Nodejs下運(yùn)行JS代碼有兩種方式,一種是在Node.js的交互環(huán)境下運(yùn)行,另外一種是把代碼寫(xiě)入文件中,然后用node命令執(zhí)行文件代碼,下面這篇文章主要給大家介紹了關(guān)于node環(huán)境執(zhí)行js文件的相關(guān)資料,需要的朋友可以參考下

1、JavaScript代碼的執(zhí)行

目前知道的兩種方式有兩種：

將代碼交給瀏覽器（在瀏覽器環(huán)境運(yùn)行）
html文件引入js代碼，交給瀏覽器解析
將代碼載入node的環(huán)境中執(zhí)行（在node環(huán)境運(yùn)行）
通過(guò)在電腦安裝的Node.js環(huán)境，以終端命令node js文件的方式來(lái)載入和執(zhí)行對(duì)應(yīng)的js文件

場(chǎng)景選擇（偏向于執(zhí)行一些JS測(cè)試模塊【學(xué)習(xí)一些js的特性之類】，牽扯到項(xiàng)目）：

瀏覽器環(huán)境就不必多說(shuō)，因?yàn)檫@是執(zhí)行JS文件比較常見(jiàn)的方式，瀏覽器的調(diào)試工具也比較方便；

而如果僅僅是跑一些測(cè)試的JS代碼，同時(shí)不需要window環(huán)境下的全局屬性時(shí)，可以使用node環(huán)境進(jìn)行測(cè)試；

比如現(xiàn)在想要跑一段關(guān)于JS的算法代碼，需要知道結(jié)果，可以：

創(chuàng)建html、js文件，代碼放入js，html引入，瀏覽器執(zhí)行，控制臺(tái)查看結(jié)果（REPL）；
打開(kāi)瀏覽器控制臺(tái)，直接粘貼回車(chē)，可以調(diào)用查看結(jié)果（修改不方便）；
創(chuàng)建js文件，node環(huán)境運(yùn)行

node環(huán)境執(zhí)行js文件

編輯器使用的時(shí)VScode，創(chuàng)建js文件，然后編輯代碼；

在左側(cè)目錄選擇當(dāng)前文件，右鍵在終端打開(kāi)；

終端輸入node + 文件名稱即可執(zhí)行；

或者直接在當(dāng)前編輯的文件下右鍵點(diǎn)擊：Run Code

對(duì)應(yīng)的快捷鍵默認(rèn)為：Ctrl+ Alt +N;

即可查看結(jié)果；

2、Node的REPL

問(wèn)：什么是REPL？

答：REPL(Read-Eval-Print Loop)即“讀取-求值-輸出”循環(huán)；是一個(gè)簡(jiǎn)單的、交互式的編程環(huán)境;

瀏覽器的的console可以看成是一個(gè)REPL可以在控制臺(tái)演練簡(jiǎn)單代碼

Node同樣提供了一個(gè)REPL環(huán)境，同樣可以演練簡(jiǎn)單的代碼

3、Node程序執(zhí)行參數(shù)傳遞

正常執(zhí)行一個(gè)node程序，可以直接跟上對(duì)應(yīng)的文件即可

node index.js

但是如果希望在執(zhí)行node程序的過(guò)程中，希望給node傳遞一些參數(shù)，可以這樣：

node index.js env=development name

那么問(wèn)題來(lái)了：如何接收傳遞過(guò)來(lái)的參數(shù);

獲取參數(shù)其實(shí)是在process的內(nèi)置對(duì)象中那傳遞過(guò)來(lái)的信息；
通過(guò)node開(kāi)啟REPL，然后輸入process發(fā)現(xiàn)回打印很多東西，同時(shí)process作為一個(gè)全局而存在
同時(shí)包含他的一些信息，比如版本、操作系統(tǒng)等
而參數(shù)就在argv這個(gè)對(duì)象中
通過(guò)在目標(biāo)文件內(nèi)部打印console.log(process.argv)終端運(yùn)行時(shí)傳遞參數(shù)可以看到對(duì)應(yīng)的打印，包含了傳遞的參數(shù)，同時(shí)可以對(duì)其進(jìn)行遍歷，拿到單獨(dú)的參數(shù)