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