Global 物件和模組 | Node.js

阿榮
發佈於前端
2024/03/23閱讀時間約 2 分鐘

window 和 global 的差別

我們在 chrome console 寫程式碼時,會有 window 物件 (全域),而在 Node.js (以下簡稱 node) 也會有全域 global 物件。

在 VS Code 打以下程式碼來觀察,可以看到 global 物件包含 a。

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


node 的 global 跟瀏覽器 window 有一些差別,如果我們在瀏覽器 console 打 var a = 1,在 window 可以直接讀取到 a 變數,但在 node 輸入 var a = 1,不會被繼承到 global 上,想放在 global,一定要寫 global.a。每個檔案都是一個獨立的模組,一樣可以讀取、寫入和變更 global 的值,但各自的值不會輕易汙染 global 的值。

raw-image


模組化

每個檔案都是獨立模組,例如:我創建了兩個檔案 app.js 和 data.js,分別輸入 var a = 1var data = 2,但在 app.js 無法讀取到 data 的值,那我需要取得其他模組該怎麼辦?

跟 ES6 的匯入匯出概念很像,被匯出的檔案需要 export + 資料,在目標地匯入使用 import + 路徑。node 則是被匯出的檔案加上 module.exports + 資料,在目標地匯入使用 require + 路徑。

app.js 檔

var content = require('./data');
var a = 1;

console.log(a);
console.log(content);
console.log(content.data);
console.log(content.bark()); // 執行匯入的函式

data.js

  • 依照需求來設計匯出的資料格式
var data = 2;

module.exports = data;

// or
module.exports = {
content: data,
title: 'title',
};

// or
exports.data = 2;
// 等同於
module.exports = {
data: 2,
};

// or​
exports.bark = function() {
return 'bark!!!'
}


exports 寫法不混用

exports 和 module.exports 兩種不能混用,exports 會被 module.exports 覆蓋。

exports.bark = function() {
return 'bark!!!'
}

module.exports = {
data: 2,
};


參考資料

主要放程式學習筆記,分享 Creative Coding 相關內容、作品
留言0
查看全部
發表第一個留言支持創作者!