Node.js - Global 全域物件

Node.js 也有全域的物件，也可以透過 global 這個全域物件取出檔案中的值，所建立的 js 檔案也會繼承 global 物件內的屬性。觀念跟 window 物件的有點雷同，但還是有些不一樣的地方。

此篇用 window 的物件觀念去理解 global 的全域物件觀念。

window 物件

首先打開 Chrome 開發人員工具，並輸入：

app.js

1 2	var a = 1; console.log(a); // 1

會得到 1，此時 a 已經存在 window 物件中，此時再輸入：

app.js

1	window.a; // 1

以上 JavaScript 基礎的全域物件觀念。

Global 物件

跟 window 的觀念相當雷同，此時打開 vscode，用 console.log 把 global 印出來，在終端機輸入

terminal

1	node app.js

透過 node 去執行 app.js 檔案，看一下內容。

可以看到得到一個 global 的 Object，接著使用 global 宣告一個變數 a = 1，

app.js

1 2	global.a = 1; console.log(global);

發現宣告的 a 變數跑到 global 的物件內了！

如果用 var 宣告的變數，無法在 global 物件被繼承，global 物件中會找不到剛剛宣告的變數。

window VS global 物件的不同

window 可以取到專案內所有的全域變數的內容

在同個專案內，使用兩支 js 檔案，這兩個檔案內分別給予 a 與 b 的變數，並賦值 1 跟 2 ，

並建立一個網頁檔案將兩支 JS 檔案引入，

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script src="./app.js"></script>
    <script src="./app2.js"></script>
  </body>
</html>

此時打開開發人員工具，會看到也同時印出了 1 跟 2，window 屬於瀏覽器內的全域物件，會有預設的屬性與方法，我在開發人員工具宣告兩個變數 a 與 b，並且將其印出來，再透過 window 物件去找這兩個變數，都會找到一開始所賦予在這兩個變數上的值，透過 window 物件去找，也會看到兩個變數已經存在 window 物件中。

chrome develop tool