快捷導(dǎo)航

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

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

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

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

定義簡(jiǎn)單的鍵值對(duì)

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

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

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

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

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

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

對(duì)模塊的返回值類型并沒有強(qiáng)制為一定是個(gè)object，任何函數(shù)的返回值都是允許的。此處是一個(gè)返回了函數(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; 
  } 
 } 
);

定義一個(gè)命名模塊

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

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

總結(jié)

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

您可能感興趣的文章:

相關(guān)文章

JavaScript 作用域scope簡(jiǎn)單匯總
這篇文章主要介紹了JavaScript 作用域scope簡(jiǎn)單匯總,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-10-10
為什么TypeScript的Enum會(huì)出現(xiàn)問題
TypeScript引入了很多靜態(tài)編譯語言的特性，今天有一個(gè)類型需要著重討論下，這就是enum，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2021-06-06
使用原生js+canvas實(shí)現(xiàn)模擬心電圖的實(shí)例
下面小編就為大家?guī)硪黄褂迷鷍s+canvas實(shí)現(xiàn)模擬心電圖的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-09-09
Js數(shù)組對(duì)象如何根據(jù)多個(gè)key值進(jìn)行分類
這篇文章主要介紹了Js數(shù)組對(duì)象如何根據(jù)多個(gè)key值進(jìn)行分類,每周從 npm 下載?lodash.groupBy?的次數(shù)在 150 萬到 200 萬之間，很高興看到 JavaScript 填補(bǔ)了這些空白，讓我們的工作變得更加輕松，需要的朋友可以參考下
2024-02-02
微信小程序簡(jiǎn)單的canvas裁剪圖片功能詳解
這篇文章主要介紹了微信小程序簡(jiǎn)單的canvas裁剪圖片功能詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-07-07
彈出廣告特效(一個(gè)IP只彈出一次)的代碼
彈出廣告特效(一個(gè)IP只彈出一次)的代碼...
2007-07-07
js前端登錄加密解決方案
項(xiàng)目中需要前端書寫登錄頁面，用戶輸入賬號(hào)密碼，本文主要介紹了js前端登錄加密解決方案，具有一定的參考價(jià)值，感興趣的可以了解一下
2024-02-02
JavaScript 常用函數(shù)庫詳解
在WEB開發(fā)中，javascript提供了許多函數(shù)供開發(fā)人員使用，這些函數(shù)在Ajax流行前足夠了，但要構(gòu)建一個(gè)交互性強(qiáng)些的應(yīng)用恐怕就麻煩了。
2009-10-10
javascript之循環(huán)停頓上下滾動(dòng)
javascript之循環(huán)停頓上下滾動(dòng)...
2007-08-08
微信小程序詳解如何實(shí)現(xiàn)付款功能
日常小程序里很多是需要付款的，那如何在小程序里實(shí)現(xiàn)付款呢？本篇就帶著大家體驗(yàn)一下，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值
2022-08-08