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 相关文章推荐
Tinymce+jQuery.Validation使用产生的BUG
Mar 29 Javascript
JavaScript闭包 懂不懂由你反正我是懂了
Oct 21 Javascript
JS重要知识点小结
Nov 06 Javascript
jquery自动将form表单封装成json的具体实现
Mar 17 Javascript
总结javascript中的六种迭代器
Aug 16 Javascript
jQuery select自动选中功能实现方法分析
Nov 28 Javascript
Vue.js中用v-bind绑定class的注意事项
Dec 13 Javascript
Bootstrap导航菜单点击后无法自动添加active的处理方法
Aug 10 Javascript
如何实现双向绑定mvvm的原理实现
May 28 Javascript
微信小程序实现点击空白隐藏的方法示例
Aug 13 Javascript
原生js实现的金山打字小游戏(实例代码详解)
Mar 16 Javascript
微信小程序swiper组件实现抖音翻页切换视频功能的实例代码
Jun 24 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
常用星际术语索引(新手指南)
2020/03/04 星际争霸
php在线生成ico文件的代码
2007/10/09 PHP
PHP简单获取视频预览图的方法
2015/03/12 PHP
zend framework中使用memcache的方法
2016/03/04 PHP
PHP+iframe模拟Ajax上传文件功能示例
2019/07/02 PHP
另类调用flash无须激活的方法
2006/12/27 Javascript
javascript form 验证函数 弹出对话框形式
2009/06/23 Javascript
js获取图片长和宽度的代码
2009/11/24 Javascript
通过javascript的匿名函数来分析几段简单有趣的代码
2010/06/29 Javascript
Js数组的操作push,pop,shift,unshift等方法详细介绍
2012/12/28 Javascript
jquery必须知道的一些常用特效方法及使用示例(整理)
2013/06/24 Javascript
纯js模拟div层弹性运动的方法
2015/07/27 Javascript
基于jquery实现省市联动特效
2015/12/17 Javascript
轻松掌握JavaScript中的Math object数学对象
2016/05/26 Javascript
jQuery Ztree行政地区树状展示(点击加载)
2016/11/09 Javascript
关于angular js_$watch监控属性和对象详解
2017/04/24 Javascript
Vue.js devtool插件安装后无法使用的解决办法
2017/11/27 Javascript
vue左侧菜单,树形图递归实现代码
2018/08/24 Javascript
vue 更改连接后台的api示例
2019/11/11 Javascript
Angular之jwt令牌身份验证的实现
2020/02/14 Javascript
JavaScript函数重载操作实例浅析
2020/05/02 Javascript
[01:06:39]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第三局
2016/03/02 DOTA
使用httplib模块来制作Python下HTTP客户端的方法
2015/06/19 Python
Python读取图片属性信息的实现方法
2016/09/11 Python
python构建深度神经网络(DNN)
2018/03/10 Python
详解django自定义中间件处理
2018/11/21 Python
python实现字符串加密成纯数字
2019/03/19 Python
python 获取当前目录下的文件目录和文件名实例代码详解
2020/03/10 Python
使用Python文件读写,自定义分隔符(custom delimiter)
2020/07/05 Python
CSS3属性box-shadow使用指南
2014/12/09 HTML / CSS
竞选班长的演讲稿
2014/04/24 职场文书
高校教师个人工作总结2014
2014/12/17 职场文书
任长霞观后感
2015/06/16 职场文书
Promise面试题详解之控制并发
2021/05/14 面试题
redis实现排行榜功能
2021/05/24 Redis
JS实现简单九宫格抽奖
2022/06/28 Javascript