首頁 > web前端 > js教程 > 深入了解commonJS的概念以及使用方法

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

零到壹度
發布: 2018-04-12 15:56:53
原創
3990 人瀏覽過

這篇文章給大家分享的內容是深入了解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
};
登入後複製

相關推薦:

#初識commonjs

# #簡單理解CommonJS規格

javascript模組化之CommonJS、AMD、CMD、UMD、ES6#

以上是深入了解commonJS的概念以及使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板