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 相关文章推荐
Javascript实现的分页函数
Dec 22 Javascript
JavaScript Event学习第十一章 按键的检测
Feb 10 Javascript
ext 列表页面关于多行查询的办法
Mar 25 Javascript
javascript判断机器是否联网的2种方法
Aug 09 Javascript
AngularJs 60分钟入门基础教程
Apr 03 Javascript
详解vue的数据binding绑定原理
Apr 12 Javascript
使用Bootstrap和Vue实现用户信息的编辑删除功能
Oct 25 Javascript
vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
Mar 01 Javascript
vue addRoutes实现动态权限路由菜单的示例
May 15 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
Aug 28 Javascript
jQuery cookie的公共方法封装和使用示例
Jun 01 jQuery
基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件功能
Feb 23 Vue.js
关于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
PHP Token(令牌)设计
2008/03/15 PHP
PHP中异常处理的一些方法整理
2015/07/03 PHP
使用PHP+MySql实现微信投票功能实例代码
2017/09/29 PHP
Bookmarklet实现启动jQuery(模仿 云输入法)
2010/09/15 Javascript
Javascript在IE和FireFox中的不同表现简析
2012/12/03 Javascript
JS中的构造函数详细解析
2014/03/10 Javascript
AngularJS基础 ng-focus 指令简单示例
2016/08/01 Javascript
轻松掌握JavaScript单例模式
2016/08/25 Javascript
利用Vue.js指令实现全选功能
2016/09/08 Javascript
JS双击变input框批量修改内容
2016/12/12 Javascript
详解angular ui-grid之过滤器设置
2017/06/07 Javascript
基于LayUI分页和LayUI laypage分页的使用示例
2017/08/02 Javascript
vue下跨域设置的相关介绍
2017/08/26 Javascript
bootstrap实现点击删除按钮弹出确认框的实例代码
2018/08/16 Javascript
防止Layui form表单重复提交的实现方法
2019/09/10 Javascript
vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
2019/11/05 Javascript
JS实现简单日历特效
2020/01/03 Javascript
JS图片懒加载技术实现过程解析
2020/07/27 Javascript
[01:00:14]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第三场
2018/04/10 DOTA
Django 2.0版本的新特性抢先看!
2018/01/05 Python
Python设计模式之命令模式简单示例
2018/01/10 Python
python实现计数排序与桶排序实例代码
2019/03/28 Python
Python参数传递机制传值和传引用原理详解
2020/05/22 Python
HTML5 Canvas中绘制矩形实例
2015/01/01 HTML / CSS
HTML5实现简单图片上传所遇到的问题及解决办法
2016/01/20 HTML / CSS
Herschel美国官网:背包、手提袋及配件
2020/03/10 全球购物
怎样自定义一个异常类
2016/09/27 面试题
工程师求职简历的自我评价分享
2013/10/10 职场文书
公司办公室岗位职责
2014/03/19 职场文书
《数星星的孩子》教学反思
2014/04/11 职场文书
综合内勤岗位职责
2014/04/14 职场文书
卫生标语大全
2014/06/21 职场文书
就业导师推荐信范文
2015/03/27 职场文书
初级职称评定工作总结
2015/08/13 职场文书
如何制定一份可行的计划!
2019/06/21 职场文书
成功的商业计划书这样写才最靠谱
2019/07/12 职场文书