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


Posted in Javascript onJune 01, 2017

本文主要给大家介绍的是关于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. 
 } 
);

总结

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

Javascript 相关文章推荐
js模拟弹出效果代码修正版
Aug 07 Javascript
javascript globalStorage类代码
Jun 04 Javascript
javascript 获取模态窗口的滚动位置代码
Aug 06 Javascript
javascript右下角弹层及自动隐藏(自己编写)
Nov 20 Javascript
jquery根据name属性查找的小例子
Nov 21 Javascript
JS实现带鼠标效果的头像及文章列表代码
Sep 27 Javascript
jQuery实现连续动画效果实例分析
Oct 09 Javascript
JavaScript统计网站访问次数的实现代码
Nov 18 Javascript
AngularJS入门教程之链接与图片模板详解
Aug 19 Javascript
超级简易的JS计算器实例讲解(实现加减乘除)
Aug 08 Javascript
Angular实现的进度条功能示例
Feb 18 Javascript
JS实现纸牌发牌动画
Jan 19 Javascript
关于javascript获取内联样式与嵌入式样式的实例
Jun 01 #Javascript
react-router中的属性详解
Jun 01 #Javascript
javascript 数据存储的常用函数总结
Jun 01 #Javascript
Node.js+ES6+dropload.js实现移动端下拉加载实例
Jun 01 #Javascript
详解基于webpack搭建react运行环境
Jun 01 #Javascript
jQuery+Ajax实现用户名重名实时检测
Jun 01 #jQuery
Javascript实现一个简单的输入关键字添加标签效果实例
Jun 01 #Javascript
You might like
在Laravel框架里实现发送邮件实例(邮箱验证)
2016/05/20 PHP
PHP性能测试工具xhprof安装与使用方法详解
2018/04/29 PHP
php校验公钥是否可用的实例方法
2019/09/17 PHP
javascript 防止刷新,后退,关闭
2010/08/07 Javascript
JavaScript原型链示例分享
2014/01/26 Javascript
纯js实现div内图片自适应大小(已测试,兼容火狐)
2014/06/16 Javascript
JavaScript实现添加、查找、删除元素
2015/07/02 Javascript
理解javascript闭包
2015/12/15 Javascript
AngularJS实现根据变量改变动态加载模板的方法
2016/11/04 Javascript
JavaScript实现定时页面跳转功能示例
2017/02/14 Javascript
Vue通过URL传参如何控制全局console.log的开关详解
2017/12/07 Javascript
mpvue中配置vuex并持久化到本地Storage图文教程解析
2018/03/15 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
2018/08/28 Javascript
JavaScript日期工具类DateUtils定义与用法示例
2018/09/03 Javascript
Vue.js中provide/inject实现响应式数据更新的方法示例
2019/10/16 Javascript
Vue 按照创建时间和当前时间显示操作(刚刚,几小时前,几天前)
2020/09/10 Javascript
JS pushlet XMLAdapter适配器用法案例解析
2020/10/16 Javascript
JS canvas实现画板和签字板功能
2021/02/23 Javascript
[04:10]2018年度CS GO玩家最喜爱的主播-完美盛典
2018/12/16 DOTA
详解在Python程序中自定义异常的方法
2015/10/16 Python
Fiddler如何抓取手机APP数据包
2016/01/22 Python
Python中定时任务框架APScheduler的快速入门指南
2017/07/06 Python
python编程使用selenium模拟登陆淘宝实例代码
2018/01/25 Python
pandas 将list切分后存入DataFrame中的实例
2018/07/03 Python
Python中出现IndentationError:unindent does not match any outer indentation level错误的解决方法
2020/04/18 Python
深入了解python中元类的相关知识
2019/08/29 Python
解析Python3中的Import
2019/10/13 Python
安装PyInstaller失败问题解决
2019/12/14 Python
keras Lambda自定义层实现数据的切片方式,Lambda传参数
2020/06/11 Python
用HTML5.0制作网页的教程
2010/05/30 HTML / CSS
吉列剃须刀美国官网:Gillette美国
2018/07/13 全球购物
Joseph官网:英国小众奢侈品牌
2019/05/17 全球购物
Kathmandu新西兰官网:新西兰户外运动品牌
2019/07/27 全球购物
2014教师评职称工作总结
2014/11/10 职场文书
2015年置业顾问工作总结
2015/04/07 职场文书
JavaScript实现简单拖拽效果
2021/09/15 Javascript