RequireJS模塊化操作

一、define 函數(shù)定義模塊
  • 可重用的代碼塊(模塊)有特定的使用目的或行為屋剑。我們可以使用RequireJS提供的define()函數(shù)來定義模塊。三個參數(shù)分別為本模塊命名的值、本模塊的各個依賴項岁忘、模塊自身代碼
    define(
    moduleName, //可選,如果不寫,則默認為本模塊所在文件的文件名
    dependencies, //可選深员,一個數(shù)組负蠕,此數(shù)組包含此文件所需的各個依賴項
    function (parameters) {
    //各個依賴項成功加載后所運行的函數(shù)
    // parameters中包含的各個值來自于依賴項,與dependencies參數(shù)中的各個依賴項形成對應(yīng)關(guān)系
    }
    )倦畅;
    例如:define(["lib/jquery-1.10.2"], function($){
    //這里放的是jquery加載完成后要執(zhí)行的模塊代碼
    // define函數(shù)第一個參數(shù)指出jquery庫的位置遮糖,匿名函數(shù)中的參數(shù)($)與之對應(yīng)。
    });
    模塊別名配置:
    require.config({
    paths: {
    "jquery": "lib/jquery-1.10.2"
    }
    });//現(xiàn)在就可以用"jquery"作為依賴項名稱
二叠赐、require 加載依賴
  • define適合于聲明模塊便于以后使用欲账,require適用于不需要建立可重用的模塊、只需加載各個依賴直接執(zhí)行的場合芭概。兩者的使用方法一樣
    例如:require(["lib/jquery-1.10.2"], function($){
    //這里放的是jquery加載完成后要執(zhí)行的模塊代碼
    // reuire函數(shù)第一個參數(shù)指出jquery庫的位置赛不,匿名函數(shù)中的參數(shù)($)與之對應(yīng)。
    });
三罢洲、加載非規(guī)范的模塊
  • 理論上踢故,require.js加載的模塊,必須是按照AMD規(guī)范惹苗、用define()函數(shù)定義的模塊殿较。但是實際上,雖然已經(jīng)有一部分流行的函數(shù)庫(比如jQuery)符合AMD規(guī)范桩蓉,更多的庫并不符合淋纲。那么,require.js是否能夠加載非規(guī)范的模塊呢触机?
    回答是可以的帚戳。
    這樣的模塊在用require()加載之前,要先用require.config()方法儡首,定義它們的一些特征片任。
    舉例來說,underscore和backbone這兩個庫蔬胯,都沒有采用AMD規(guī)范編寫对供。如果要加載它們的話,必須先定義它們的特征氛濒。
      
    require.config({ 
    shim: {
    'underscore':{
    exports: '_'
    },
    'backbone': {
    deps: ['underscore', 'jquery'],
    exports: 'Backbone'
    }
    }
    });
    配置不兼容的模塊产场。具體來說,每個模塊要定義(1)exports值(輸出的變量名)舞竿,表明這個模塊外部調(diào)用時的名稱京景;(2)deps數(shù)組,表明該模塊的依賴性骗奖。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末确徙,一起剝皮案震驚了整個濱河市醒串,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌鄙皇,老刑警劉巖芜赌,帶你破解...
    沈念sama閱讀 222,627評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異伴逸,居然都是意外死亡缠沈,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,180評論 3 399
  • 文/潘曉璐 我一進店門错蝴,熙熙樓的掌柜王于貴愁眉苦臉地迎上來洲愤,“玉大人,你說我怎么就攤上這事漱竖∏堇椋” “怎么了畜伐?”我有些...
    開封第一講書人閱讀 169,346評論 0 362
  • 文/不壞的土叔 我叫張陵馍惹,是天一觀的道長。 經(jīng)常有香客問我玛界,道長万矾,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,097評論 1 300
  • 正文 為了忘掉前任慎框,我火速辦了婚禮良狈,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘笨枯。我一直安慰自己薪丁,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 69,100評論 6 398
  • 文/花漫 我一把揭開白布馅精。 她就那樣靜靜地躺著严嗜,像睡著了一般。 火紅的嫁衣襯著肌膚如雪洲敢。 梳的紋絲不亂的頭發(fā)上漫玄,一...
    開封第一講書人閱讀 52,696評論 1 312
  • 那天,我揣著相機與錄音压彭,去河邊找鬼睦优。 笑死,一個胖子當(dāng)著我的面吹牛壮不,可吹牛的內(nèi)容都是我干的汗盘。 我是一名探鬼主播,決...
    沈念sama閱讀 41,165評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼询一,長吁一口氣:“原來是場噩夢啊……” “哼隐孽!你這毒婦竟也來了尸执?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,108評論 0 277
  • 序言:老撾萬榮一對情侶失蹤缓醋,失蹤者是張志新(化名)和其女友劉穎如失,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體送粱,經(jīng)...
    沈念sama閱讀 46,646評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡褪贵,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,709評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了抗俄。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片脆丁。...
    茶點故事閱讀 40,861評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖动雹,靈堂內(nèi)的尸體忽然破棺而出槽卫,到底是詐尸還是另有隱情,我是刑警寧澤胰蝠,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布歼培,位于F島的核電站,受9級特大地震影響茸塞,放射性物質(zhì)發(fā)生泄漏躲庄。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,196評論 3 336
  • 文/蒙蒙 一钾虐、第九天 我趴在偏房一處隱蔽的房頂上張望噪窘。 院中可真熱鬧,春花似錦效扫、人聲如沸倔监。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,698評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽浩习。三九已至,卻和暖如春掘托,著一層夾襖步出監(jiān)牢的瞬間瘦锹,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,804評論 1 274
  • 我被黑心中介騙來泰國打工闪盔, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留弯院,地道東北人。 一個月前我還...
    沈念sama閱讀 49,287評論 3 379
  • 正文 我出身青樓泪掀,卻偏偏與公主長得像听绳,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子异赫,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,860評論 2 361

推薦閱讀更多精彩內(nèi)容