本篇文章給大家分享的是有關(guān)如何進行Node.js模塊格式在瀏覽器中的嘗試，小編覺得挺實用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

站在用戶的角度思考問題，與客戶深入溝通，找到子長網(wǎng)站設(shè)計與子長網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：網(wǎng)站設(shè)計制作、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、國際域名空間、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋子長地區(qū)。

前面提到Node.js有一套簡潔的格式寫模塊，它遵循的就是 Moudles。

瀏覽器里的JavaScript呢? 盡管語言本身暫不支持模塊，但可以用現(xiàn)有的API包裝一個寫法出來。

毫無疑問，首先想到的是Node.js的Modules格式，它是***的效仿對象。因為前后端有一個統(tǒng)一的方式寫JS模塊豈不樂哉!

但一開始就有碰到一些難題

1，服務(wù)器端JS模塊文件就在本地，瀏覽器端則需要通過網(wǎng)絡(luò)請求。

2，服務(wù)器端可以很容易的實現(xiàn)同步或異步請求模塊，瀏覽器端則問題多多。

如下

var event = require("event");     event.bind(el, 'click', function() {      // todo  });

這段代碼中require如果是異步執(zhí)行的，則event.bind的執(zhí)行有可能會出錯。

那實現(xiàn)同步的require不就行了嗎?

的確可以使用 XHR 實現(xiàn)同步載入模塊JS文件。但XHR的缺點也是明顯的，它不能跨域，這點讓人很難接受，因為有些場景需要模塊部署在不同的服務(wù)器。

那只能通過script tag來實現(xiàn)模塊加載了!

但script tag默認就是異步的，要實現(xiàn)Node.js的一模一樣風(fēng)格(Modules)很難，幾乎是不可能。

這時，又一模塊格式出現(xiàn)了：Modules/Wrappings ，顧名思義包裹的模塊。該規(guī)范約定如下

1，定義模塊用module變量，它有一個方法declare

2，declare接受一個函數(shù)類型的參數(shù)，如稱為factory

3，factory有三個參數(shù)分別為require、exports、module

4，factory使用返回值和exports導(dǎo)出API

5，factory如果是對象類型，則將該對象作為模塊輸出

描述有拗口，代碼卻很簡單，使用了一個function包裹模塊(Node.js模塊則無需包裹)。

一個基本的模塊定義

module.declare(function(require, exports, module)  {      exports.foo = "bar";   });

直接使用對象作為模塊

module.declare(  {      foo: "bar" });

Modules/Wrappings的出現(xiàn)使得瀏覽器中實現(xiàn)它變得可能，包裹的函數(shù)作為回調(diào)。即使用script tag作為模塊加載器，script完全下載后去回調(diào)，回調(diào)中進行模塊定義。

好了，截止目前我們已經(jīng)看到了兩種風(fēng)格的模塊定義：Modules 和 Modules/Wrappings。

CommonJS Modules有1.0、1.1、1.1.1三個版本。

Node.js、SproutCore實現(xiàn)了 Modules 1.0。

SeaJS、AvocadoDB、CouchDB等實現(xiàn)了Modules 1.1.1。

SeaJS、FlyScript實現(xiàn)了Modules/Wrappings。

注：

1，SeaJS未實現(xiàn)全部的 Modules 1.1.1。如require函數(shù)的main，paths屬性在SeaJS中沒有。但SeaJS給require添加了async、resolve、load、constructor。

2，SeaJS沒有使用 Modules/Wrappings 中的module.declare定義模塊，而是使用define函數(shù)(看起來象AMD中的define，實則不然)。

以上就是如何進行Node.js模塊格式在瀏覽器中的嘗試，小編相信有部分知識點可能是我們?nèi)粘９ぷ鲿姷交蛴玫降摹ＯＭ隳芡ㄟ^這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

新聞標(biāo)題：如何進行Node.js模塊格式在瀏覽器中的嘗試
網(wǎng)站URL：http://www.chinadenli.net/article10/gpcigo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護、品牌網(wǎng)站建設(shè)、手機網(wǎng)站建設(shè)、域名注冊、網(wǎng)站排名、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)