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)，直接粘貼回車，可以調(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ù)

總結(jié)

到此這篇關(guān)于node環(huán)境執(zhí)行js文件的文章就介紹到這了,更多相關(guān)node環(huán)境執(zhí)行js文件內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論