如何在Require.JS中定義define

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

定義簡單的鍵值對

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

定義不帶依賴的函數

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

存在依賴的函數式定義

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

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); 
   } 
  } 
 } 
);

將模塊定義為一個函數

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

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()中包含了一個模塊名稱作為首個參數：

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

關于如何在Require.JS中定義define就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。