深入了解commonJS的概念以及使用方法

來源：懂視網責編：小采時間：2020-11-27 19:55:43

深入了解commonJS的概念以及使用方法

深入了解commonJS的概念以及使用方法:本篇文章給大家分享的內容是深入了解commonJS的概念以及使用方法，有著一定的參考價值，有需要的朋友可以參考一下Common.js 的理解!commonJS規范:1.文件即為模塊每個文件都是一個作用域,文件里面定義的變量\函數都是私有的,對其他模塊都是不可見的;2.使

推薦度：

點擊下載本文 文檔為doc格式

導讀深入了解commonJS的概念以及使用方法:本篇文章給大家分享的內容是深入了解commonJS的概念以及使用方法，有著一定的參考價值，有需要的朋友可以參考一下Common.js 的理解!commonJS規范:1.文件即為模塊每個文件都是一個作用域,文件里面定義的變量\函數都是私有的,對其他模塊都是不可見的;2.使

本篇文章給大家分享的內容是深入了解commonJS的概念以及使用方法，有著一定的參考價值，有需要的朋友可以參考一下

Common.js 的理解!

commonJS規范:

1.文件即為模塊

每個文件都是一個作用域,文件里面定義的變量\函數都是私有的,

對其他模塊都是不可見的;

2.使用module.exports (exports) 暴露對外的接口.

module變量代表當前模塊,module是一個對象,使用這個對象屬性exports 暴露對外的接口;

3.使用require 同步加載依賴模塊

舉個栗子:

a.js : 這是一個立即執行的函數表達式來暴露接口

var moduleA = (function () {
var aFlag = false;
function keepMoving () {
}
b = 1;
// 只暴露keepMoving 方法
return {
keepMoving: keepMoving
};
})()

a.js 功能模塊a 的代碼

var aFlag = false;
function keepMoving () {
}
b = 1;
module.exports = {//使用 module.exports 暴露接口
keepMoving: keepMoving
};

d.js 這個模塊依賴于上面的模塊A

//使用require加載模塊A;
var moduleA = require('./a.js');
function methodD() {//調用模塊a里面的方法
moduleA.keepMoving();
}
//暴露模塊D的接口
module.exports = {
methodD: methodD
};