1.4　運行環(huán)境的搭建

“工欲善其事，必先利其器。”在進入具體的學(xué)習(xí)任務(wù)之前，我們需要先將JavaScript的運行環(huán)境搭建起來。眾所周知，JavaScript的運行環(huán)境主要分為Web瀏覽器環(huán)境和Node.js運行環(huán)境兩種。如果不考慮Web瀏覽器特有的BOM和DOM組件，只是單純學(xué)習(xí)ECMAScript，那么Node.js應(yīng)該被優(yōu)先考慮。因為它可以讓我們像使用Shell、Ruby或Python腳本語言一樣直接在命令行終端中執(zhí)行JavaScript指令和腳本文件，在某種程度上更便于我們在初期的學(xué)習(xí)過程中隨時查看代碼的執(zhí)行結(jié)果。

1.4.1　Node.js的安裝

接下來，就讓我們一起來安裝Node.js運行環(huán)境吧。它主要有兩種安裝方式：通常在Windows操作系統(tǒng)和macOS中下載.msi和.dmg格式的安裝包，然后使用安裝包的圖形化向?qū)磉M行安裝，而在Linux和FreeBSD這一類操作系統(tǒng)中，則往往會使用apt和yum這樣的包管理器來安裝。這兩種方式都不復(fù)雜，下面分別以Windows和Ubuntu操作系統(tǒng)為例，簡單介紹一下這兩種安裝方式。

1.4.1.1　使用安裝包

在Windows操作系統(tǒng)中想要安裝Node.js，首先要選擇一個合適的版本。打開Node.js的官網(wǎng)，可以看到有LTS和Current兩種版本可供下載，如圖1-1所示。LTS版即得到長期支持的版本，其組件通常都經(jīng)過了充分的測試，比較穩(wěn)定，適合用于正式的生產(chǎn)開發(fā)。而Current版本則是最新的版本，通常包含了最新加入的特性，比較適合想對Node.js本身進行研究的朋友。

圖1-1　選擇版本

下載完.msi格式的安裝包之后，打開安裝包啟動它的圖形化安裝向?qū)АＴ诎惭b的開始階段，需要設(shè)置一些選項，大多數(shù)時候只需采用默認選項，直接單擊“Next”按鈕即可。只是在組件選擇的窗口中（如圖1-2所示）需要注意一下，如果你對Node.js的組件并不熟悉，最好選擇安裝全部組件。另外，請記得點開圖1-2中“Add to PATH”選項前面的“+”號，這樣安裝程序就會主動把Node.js和npm這兩個模塊的命令路徑添加到系統(tǒng)環(huán)境變量里，這對初學(xué)者來說是非常方便的。

圖1-2　選擇安裝組件

待一切選項設(shè)置完成之后，單擊下面的“Install”按鈕即可完成安裝，如圖1-3所示。

圖1-3　完成安裝

如果一切順利，在Windows操作系統(tǒng)中打開cmd終端，在其中輸入node-v命令并按“Enter”鍵后，就會看到相關(guān)的版本信息，如圖1-4所示。

圖1-4　在Windows中檢查版本

1.4.1.2　使用包管理器

對于Ubuntu這類Linux操作系統(tǒng)，安裝軟件往往都會選擇使用apt這一類的包管理器，簡單而方便，依次執(zhí)行以下命令即可：

sudo apt update
sudo apt install nodejs
# 最新的 Node.js 已經(jīng)集成了npm，所以某些情況下是無須單獨安裝npm的
sudo apt install npm

除此之外，安裝n管理器也能管理Node.js的版本，其安裝命令如下：

sudo npm install -g n

該工具的具體使用方式如下：

sudo n lts            # 長期支持
sudo n stable         # 穩(wěn)定版
sudo n latest         # 最新版
sudo n 12.4.0         # 直接指定版本
sudo n                # 使用上下鍵切換已有版本

同樣地，如果一切順利，打開cmd終端，并在其中輸入node -v命令并按“Enter”鍵后，就會看到圖1-5所示的版本信息。

關(guān)于在Node.js中如何具體執(zhí)行/調(diào)試JavaScript腳本，第2章介紹ECMAScript標(biāo)準語法時會做具體演示，這里只需知道如何搭建并啟動這個運行環(huán)境。

圖1-5　在Linux中檢查版本

1.4.2　瀏覽器端運行環(huán)境

目前，大部分開發(fā)者都會將Google Chrome或Mozilla Firefox設(shè)為自己的默認Web瀏覽器，因為它們本身都自帶了一款非常不錯的JavaScript運行環(huán)境。其中的Google Chrome瀏覽器，我們只需下載并安裝它，然后在其主菜單中依次單擊“更多工具”→“開發(fā)者工具”，在彈出的頁面中單擊“Console”選項卡，就可以看到圖1-6所示的JavaScript運行環(huán)境了。

圖1-6　Google Chrome瀏覽器的JavaScript控制臺

Mozilla Firefox則是另一款可擴展的瀏覽器，在Windows、Linux以及macOS這些主流操作系統(tǒng)上都有相應(yīng)的版本，讀者可根據(jù)自己的操作系統(tǒng)下載并安裝相應(yīng)的版本。安裝完成之后，在任何網(wǎng)頁中按“F12”鍵或在菜單欄中依次單擊“工具”→“Web開發(fā)者”→“Web控制臺”，就可以看到圖1-7所示的JavaScript運行環(huán)境。

圖1-7　Mozilla Firefox瀏覽器的JavaScript控制臺

關(guān)于如何在瀏覽器中具體執(zhí)行/調(diào)試JavaScript腳本，本書的第二部分在討論瀏覽器端的JavaScript時會做具體演示，這里只需知道如何搭建并啟動這個運行環(huán)境。