摘要:個人總結主要解決模塊化問題,將每個功能獨立化,即函數(shù)和變量在自己獨立的區(qū)域里,以免出現(xiàn)相同的函數(shù)名稱和變量名稱,導致錯誤。定義模塊根據(jù)規(guī)范,一個多帶帶的文件就是一個模塊。
個人總結:commonJS主要解決模塊化問題,將每個功能獨立化,即函數(shù)和變量在自己獨立的區(qū)域里,以免出現(xiàn)相同的函數(shù)名稱和變量名稱,導致錯誤。
我們先從CommonJS談起,因為在網(wǎng)頁端沒有模塊化編程只是頁面JavaScript邏輯復雜,但也可以工作下去,在服務器端卻一定要有模塊,所以雖然JavaScript在web端發(fā)展這么多年,第一個流行的模塊化規(guī)范卻由服務器端的JavaScript應用帶來,CommonJS規(guī)范是由NodeJS發(fā)揚光大,這標志著JavaScript模塊化編程正式登上舞臺。
1.定義模塊
根據(jù)CommonJS規(guī)范,一個多帶帶的文件就是一個模塊。每一個模塊都是一個多帶帶的作用域,也就是說,在該模塊內部定義的變量,無法被其他模塊讀取,除非定義為global對象的屬性
2.模塊輸出:
模塊只有一個出口,module.exports對象,我們需要把模塊希望輸出的內容放入該對象
3.加載模塊:
加載模塊使用require方法,該方法讀取一個文件并執(zhí)行,返回文件內部的module.exports對象
//模塊定義 myModel.js
var name = "Byron"; function printName(){ console.log(name); } function printFullName(firstName){ console.log(firstName + name); } module.exports = { printName: printName, printFullName: printFullName } //加載模塊 var nameModule = require("./myModel.js"); nameModule.printName(); 推薦文章:http://www.cnblogs.com/dolphinX/p/4381855.html
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉載請注明本文地址:http://m.hztianpu.com/yun/79951.html
摘要:感謝感謝和在推動模塊化發(fā)展方面做出的貢獻。與引用阮一峰老師的標準參考教程規(guī)范加載模塊是同步的,也就是說,只有加載完成,才能執(zhí)行后面的操作。規(guī)定了新的模塊加載方案。與引用阮一峰老師的入門它們有兩個重大差異。 前言 本篇我們重點介紹以下四種模塊加載規(guī)范: AMD CMD CommonJS ES6 模塊 最后再延伸講下 Babel 的編譯和 webpack 的打包原理。 require....
摘要:例如指定一些依賴到模塊中實現(xiàn)規(guī)范的模塊化,感興趣的可以查看的文檔。 CommonJS 定義了 module、exports 和 require 模塊規(guī)范,Node.js 為了實現(xiàn)這個簡單的標準,從底層 C/C++ 內建模塊到 JavaScript 核心模塊,從路徑分析、文件定位到編譯執(zhí)行,經歷了一系列復雜的過程。簡單的了解 Node 模塊的原理,有利于我們重新認識基于 Node 搭建的...
摘要:二模塊化規(guī)范概述應用由模塊組成,采用模塊規(guī)范。模塊化語法命令用于規(guī)定模塊的對外接口,命令用于輸入其他模塊提供的功能。 前言 在JavaScript發(fā)展初期就是為了實現(xiàn)簡單的頁面交互邏輯,寥寥數(shù)語即可;如今CPU、瀏覽器性能得到了極大的提升,很多頁面邏輯遷移到了客戶端(表單驗證等),隨著web2.0時代的到來,Ajax技術得到廣泛應用,jQuery等前端庫層出不窮,前端代碼日益膨脹,此時...
摘要:二模塊化規(guī)范概述應用由模塊組成,采用模塊規(guī)范。模塊化語法命令用于規(guī)定模塊的對外接口,命令用于輸入其他模塊提供的功能。 前言 在JavaScript發(fā)展初期就是為了實現(xiàn)簡單的頁面交互邏輯,寥寥數(shù)語即可;如今CPU、瀏覽器性能得到了極大的提升,很多頁面邏輯遷移到了客戶端(表單驗證等),隨著web2.0時代的到來,Ajax技術得到廣泛應用,jQuery等前端庫層出不窮,前端代碼日益膨脹,此時...
摘要:依賴模塊操作文件的模塊處理路徑的模塊虛擬機,幫我們創(chuàng)建一個黑箱執(zhí)行代碼,防止變量污染創(chuàng)建構造函數(shù)其實中引入的每一個模塊我們都需要通過構造函數(shù)創(chuàng)建一個實例。 showImg(https://segmentfault.com/img/remote/1460000018998358); 閱讀原文 CommonJS 概述 CommonJS 是一種模塊化的標準,而 NodeJS 是這種標準的...
閱讀 1808·2021-09-23 11:34
閱讀 2528·2021-09-22 15:45
閱讀 13337·2021-09-22 15:07
閱讀 2363·2021-09-02 15:40
閱讀 4255·2021-07-29 14:48
閱讀 1153·2019-08-30 15:55
閱讀 3307·2019-08-30 15:55
閱讀 2251·2019-08-30 15:55