国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

簡單理解CommonJS規(guī)范

王笑朝 / 1941人閱讀

摘要：事實上已經(jīng)出現(xiàn)了模塊規(guī)范，如果使用的模塊規(guī)范是無需環(huán)境的。因此，需要將規(guī)范和的模塊規(guī)范區(qū)分開來。三模塊規(guī)范的好處模塊規(guī)范很好地解決變量污染問題，每個模塊具有獨立空間，互不干擾，命名空間等方案與之相比相形見絀。

寫在前面：
　　一個文件就是一個模塊。
　　另外本文中的示例代碼需要在node.js環(huán)境中方可正常運行，否則將出現(xiàn)錯誤。事實上ES6已經(jīng)出現(xiàn)了模塊規(guī)范，如果使用ES6的模塊規(guī)范是無需node.js環(huán)境的。因此，需要將commonJS規(guī)范和ES6的模塊規(guī)范區(qū)分開來。

一、為什么制定CommonJS規(guī)范？
　　在后端，JavaScript的規(guī)范遠遠落后并且有很多缺陷，這使得難以使用JavaScript開發(fā)大型應(yīng)用。比如：

沒有模塊系統(tǒng)
標(biāo)準(zhǔn)庫較少
沒有標(biāo)準(zhǔn)接口
缺乏包管理系統(tǒng)
列表內(nèi)容

　　CommonJS規(guī)范的提出，主要是為了彌補JavaScript沒有標(biāo)準(zhǔn)的缺陷，已達到像Python、Ruby和Java那樣具備開發(fā)大型應(yīng)用的基礎(chǔ)能力，而不是停留在開發(fā)瀏覽器端小腳本程序的階段。

二、CommonJS模塊規(guī)范
　　CommonJS模塊規(guī)范主要分為三部分：模塊引用、模塊定義、模塊標(biāo)識。

1、模塊引用
　　如果在a.js文件中使用如下語句

var math=require（"math");

意為使用require（)方法，引入math模塊，并賦值給變量math。事實上，命名的變量名和引入的模塊名不必相同，就像這樣：

var Math=require("math");

　　賦值的意義在于，a.js中將僅能識別Math，因為這是已經(jīng)定義的變量，并不能識別math，因為math沒有定義。

帶路徑和不帶路徑
　　上面例子中require的參數(shù)僅僅是模塊名字的字符串，沒有帶有路徑，引用的是a.js所在當(dāng)前目錄下的node_modules目錄下的math模塊。如果當(dāng)前目錄沒有node_modules目錄或者node_modules目錄里面沒有安裝math模塊，便會報錯。
　　
　　如果要引入的模塊在其他路徑，就需要使用到相對路徑或者絕對路徑，例如：

var add=require("./add.js")

　　上面例子中引入了當(dāng)前目錄下的add.js文件，并賦值給add變量。

2、模塊定義

module對象：在每一個模塊中，module對象代表該模塊自身。
export屬性：module對象的一個屬性，它向外提供接口。

　　仍然采用上一個示例，假設(shè)add.js中的代碼如下：
　　

function add(num1,num2){
    alert(num1+num2);
}

　　盡管a.js文件引入了add.js文件，前者卻仍然無法使用后者中的add函數(shù)，在a.js文件中add(3,5)這樣的代碼會報錯，提示add不是一個函數(shù)。
　　add.js中的函數(shù)要能被其他模塊使用，就需要暴露一個對外的接口，export屬性用于完成這一工作。將add.js中代碼改為如下：

exports.add=function (num1,num2){
    alert(num1+num2);
}

　　a.js文件就可以正常調(diào)用add.js中的方法，例如add.add(3,5)這樣的調(diào)用能夠正常執(zhí)行，前一個add意為本文件中add變量代表的模塊，后一個add是引入模塊的add方法。

3、模塊標(biāo)識

模塊標(biāo)識指的是傳遞給require方法的參數(shù)，必須是符合小駝峰命名的字符串，或者以 . 、.. 、開頭的相對路徑，或者絕對路徑。

三、CommonJS模塊規(guī)范的好處
CommonJS模塊規(guī)范很好地解決變量污染問題，每個模塊具有獨立空間，互不干擾，命名空間等方案與之相比相形見絀。

CommonJS規(guī)范定義模塊十分簡單，接口十分簡潔。

CommonJS模塊規(guī)范支持引入和導(dǎo)出功能，這樣可以順暢地連接各個模塊，實現(xiàn)彼此間的依賴關(guān)系。

作者：夜色蕪染
來源：CSDN
原文：https://blog.csdn.net/u012443...
版權(quán)聲明：本文為博主原創(chuàng)文章，轉(zhuǎn)載請附上博文鏈接！

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/98727.html

相關(guān)文章

  • 前端模塊化（一）nodeJS中的CommonJS規(guī)范

    摘要：要想讓模塊再次運行，必須清除緩存。模塊加載的順序，按照其在代碼中出現(xiàn)的順序。最近參加了公司開展的一次培訓(xùn)，結(jié)構(gòu)性思維培養(yǎng)。 序言 模塊化，大家用vue，react等東西，都會接觸到像exports，module.exports，export，export default，require，define，import等等字段，感覺很多人對于這些東西還是分不清，概念非常的模糊，便想著寫這么一...

    Charlie_Jade 評論0 收藏0

  • 前端模塊化詳解(完整版)

    摘要：二模塊化規(guī)范概述應(yīng)用由模塊組成，采用模塊規(guī)范。模塊化語法命令用于規(guī)定模塊的對外接口，命令用于輸入其他模塊提供的功能。 前言 在JavaScript發(fā)展初期就是為了實現(xiàn)簡單的頁面交互邏輯，寥寥數(shù)語即可；如今CPU、瀏覽器性能得到了極大的提升，很多頁面邏輯遷移到了客戶端（表單驗證等），隨著web2.0時代的到來，Ajax技術(shù)得到廣泛應(yīng)用，jQuery等前端庫層出不窮，前端代碼日益膨脹，此時...

    Sanchi 評論0 收藏0

  • 前端模塊化詳解(完整版)

    摘要：二模塊化規(guī)范概述應(yīng)用由模塊組成，采用模塊規(guī)范。模塊化語法命令用于規(guī)定模塊的對外接口，命令用于輸入其他模塊提供的功能。 前言 在JavaScript發(fā)展初期就是為了實現(xiàn)簡單的頁面交互邏輯，寥寥數(shù)語即可；如今CPU、瀏覽器性能得到了極大的提升，很多頁面邏輯遷移到了客戶端（表單驗證等），隨著web2.0時代的到來，Ajax技術(shù)得到廣泛應(yīng)用，jQuery等前端庫層出不窮，前端代碼日益膨脹，此時...

    Pines_Cheng 評論0 收藏0

  • 模塊化

    摘要：模塊化總結(jié)最近重新復(fù)習(xí)的模塊化的相關(guān)知識，總結(jié)一下，僅供自己理解和大家參考。模塊化的優(yōu)點可維護性根據(jù)定義，每個模塊都是獨立的。良好設(shè)計的模塊會盡量與外部的代碼撇清關(guān)系，以便于獨立對其進行改進和維護。 模塊化總結(jié) 最近重新復(fù)習(xí)的模塊化的相關(guān)知識，總結(jié)一下，僅供自己理解和大家參考。 模塊化的優(yōu)點 可維護性：根據(jù)定義，每個模塊都是獨立的。良好設(shè)計的模塊會盡量與外部的代碼撇清關(guān)系，以便于獨立...

    ?xiaoxiao, 評論0 收藏0

  • JavaScript模塊化發(fā)展

    摘要：所有依賴這個模塊的語句，都定義在一個回調(diào)函數(shù)中，等到所有依賴加載完成之后前置依賴，這個回調(diào)函數(shù)才會運行。如果將前面的代碼改寫成形式，就是下面這樣定義了一個文件，該文件依賴模塊，當(dāng)模塊加載完畢之后執(zhí)行回調(diào)函數(shù)，這里并沒有暴露任何變量。 模塊化是我們?nèi)粘ｉ_發(fā)都要用到的基本技能，使用簡單且方便，但是很少人能說出來但是的原因及發(fā)展過程。現(xiàn)在通過對比不同時期的js的發(fā)展，將JavaScript模...

    mengbo 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<