如何在Require.JS中定義define

這篇文章將為大家詳細(xì)講解有關(guān)如何在Require.JS中定義define，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

定義簡(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. 
 } 
);

關(guān)于如何在Require.JS中定義define就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。