快捷導(dǎo)航

Require.JS中的幾種define定義方式示例

更新時間：2017年06月01日 11:46:34 作者：itpinpai

這篇文章主要給大家介紹了關(guān)于Require.JS中幾種define定義方式的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。

本文主要給大家介紹的是關(guān)于Require.JS中define定義方式的相關(guān)內(nèi)容，分享出來供大家參考學(xué)習(xí)，下面來看看詳細(xì)的介紹：

定義簡單的鍵值對

define({ 
 color: "black", 
 size: "unisize" 
});

定義不帶依賴的函數(shù)

define(function () { 
 //Do setup work here 
 
 
 return { 
  color: "black", 
  size: "unisize" 
 } 
});

存在依賴的函數(shù)式定義

如果模塊存在依賴：則第一個參數(shù)是依賴的名稱數(shù)組；第二個參數(shù)是函數(shù)，在模塊的所有依賴加載完畢后，該函數(shù)會被調(diào)用來定義該模塊，因此該模塊應(yīng)該返回一個定義了本模塊的object。依賴關(guān)系會以參數(shù)的形式注入到該函數(shù)上，參數(shù)列表與依賴名稱列表一一對應(yīng)。

define(["./cart", "./inventory"], function(cart, inventory) { 
  //return an object to define the "my/shirt" module. 
  return { 
   color: "blue", 
   size: "large", 
   addToCart: function() { 
    inventory.decrement(this); 
    cart.add(this); 
   } 
  } 
 } 
);

將模塊定義為一個函數(shù)

對模塊的返回值類型并沒有強(qiáng)制為一定是個object，任何函數(shù)的返回值都是允許的。此處是一個返回了函數(shù)的模塊定義：

define(["my/cart", "my/inventory"], 
 function(cart, inventory) { 
  //return a function to define "foo/title". 
  //It gets or sets the window title. 
  return function(title) { 
   return title ? (window.title = title) : 
     inventory.storeName + ' ' + cart.name; 
  } 
 } 
);

定義一個命名模塊

你可能會看到一些define()中包含了一個模塊名稱作為首個參數(shù)：

define("foo/title", 
 ["my/cart", "my/inventory"], 
 function(cart, inventory) { 
  //Define foo/title object in here. 
 } 
);

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

您可能感興趣的文章:

相關(guān)文章

詳解JS對象封裝的常用方式
JS是一門面向?qū)ο笳Z言,其對象是用prototype屬性來模擬的，本文介紹了如何封裝JS對象，具有一定的參考價值，下面跟著小編一起來看下吧
2016-12-12
js實(shí)現(xiàn)彈幕墻效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)彈幕墻效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-12-12
原生JS實(shí)現(xiàn)HTML轉(zhuǎn)Markdown功能
這篇文章主要為大家詳細(xì)介紹了如何使用原生JS實(shí)現(xiàn)簡單的HTML轉(zhuǎn)Markdown功能,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2025-04-04
關(guān)于JS中的apply,call,bind的深入解析
下面小編就為大家?guī)硪黄P(guān)于JS中的apply,call,bind的深入解析。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-04-04
js實(shí)現(xiàn)雙人五子棋小游戲
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)雙人五子棋小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-05-05
js實(shí)現(xiàn)鼠標(biāo)跟隨運(yùn)動效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)鼠標(biāo)跟隨運(yùn)動效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-09-09
提高代碼性能技巧談—以創(chuàng)建千行表格為例
提高代碼性能技巧談—以創(chuàng)建千行表格為例...
2006-07-07
WordPress中利用AJAX異步獲取評論用戶頭像的方法
這篇文章主要介紹了WordPress中利用AJAX異步獲取評論用戶頭像的方法,文中的例子是輸入郵箱即可獲取頭像,需要的朋友可以參考下
2016-01-01
js實(shí)現(xiàn)對table動態(tài)添加、刪除和更新的方法
這篇文章主要介紹了js實(shí)現(xiàn)對table動態(tài)添加、刪除和更新的方法,涉及javascript針對html中table表格節(jié)點(diǎn)的操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-02-02
JS實(shí)現(xiàn)select選中option觸發(fā)事件操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)select選中option觸發(fā)事件操作,結(jié)合實(shí)例形式總結(jié)分析了javascript針對select下拉選中option項(xiàng)觸發(fā)事件相關(guān)操作技巧,需要的朋友可以參考下
2018-07-07