Require.JS中的几种define定义方式示例

 更新时间:2017年06月01日 11:46:34   作者:itpinpai  
这篇文章主要给大家介绍了关于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. 
 } 
); 

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

相关文章

  • 原生JS简单实现ajax的方法示例

    原生JS简单实现ajax的方法示例

    这篇文章主要介绍了原生JS简单实现ajax的方法,结合实例形式分析了ajax的实现步骤与相关使用技巧,需要的朋友可以参考下
    2016-11-11
  • 验证用户是否修改过页面的数据的实现方法

    验证用户是否修改过页面的数据的实现方法

    在实现程序的修改模块时,要在页面端检查用户是否修改过数据,以便提醒用户及时保存修改后的数据。
    2008-09-09
  • 巧用局部变量提升javascript性能

    巧用局部变量提升javascript性能

    巧用局部变量可以有效提升javascript性能,下面有个不错的示例,大家可以参考下
    2014-02-02
  • 获取当前按钮或者html的ID名称实例(推荐)

    获取当前按钮或者html的ID名称实例(推荐)

    下面小编就为大家带来一篇获取当前按钮或者html的ID名称实例(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • VSCode Webview中实现点击下载图片的基本流程

    VSCode Webview中实现点击下载图片的基本流程

    这篇文章主要介绍了VSCode Webview中如何实现点击下载图片,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-04-04
  • js图片延迟加载的实现方法及思路

    js图片延迟加载的实现方法及思路

    这里延迟加载的意思是,拖动滚动条时,在图片出现在浏览器显示区域后才加载显示。
    2013-07-07
  • 浅谈JavaScript原型链

    浅谈JavaScript原型链

    这篇文章主要为大家详细介绍了JavaScript原型链,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2023-04-04
  • typescript配置alias的详细步骤

    typescript配置alias的详细步骤

    这篇文章主要介绍了typescript配置alias,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • 原生js的数组除重复简单实例

    原生js的数组除重复简单实例

    下面小编就为大家带来一篇原生js的数组除重复简单实例。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 让ie6也支持websocket采用flash封装实现

    让ie6也支持websocket采用flash封装实现

    ie9都不支持websocket,何况ie6,往往这些不可思议的事情却意想不到的发生了;websocket能开发那么酷的功能,怎么能让ie拦住我们的脚步,用falsh封装吧,感兴趣的你可不要错过了哈
    2013-02-02

最新评论