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 相关文章推荐
jQuery中使用了document和window哪些属性和方法小结
Sep 13 Javascript
JS中for循序中延迟加载动态效果的具体实现
Aug 18 Javascript
Javascript中查找不以XX字符结尾的单词示例代码
Oct 15 Javascript
JQuery插件iScroll实现下拉刷新,滚动翻页特效
Jun 22 Javascript
js调试工具console.log()方法查看js代码的执行情况
Aug 08 Javascript
jQuery实现的手机发送验证码倒计时效果代码分享
Aug 24 Javascript
详解JavaScript表单验证(E-mail 验证)
Mar 31 Javascript
jquery 实现滚动条下拉时无限加载的简单实例
Jun 01 Javascript
jquery实现的回旋滚动效果完整实例【附demo源码下载】
Sep 20 Javascript
微信小程序实现左右联动的实战记录
Jul 05 Javascript
JavaScript面向对象核心知识与概念归纳整理
May 09 Javascript
jQuery实现简单轮播图效果
Dec 27 jQuery
关于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
自动分页的不完整解决方案
2007/01/12 PHP
php 面试碰到过的问题 在此做下记录
2011/06/09 PHP
windows下zendframework项目环境搭建(通过命令行配置)
2012/12/06 PHP
解析php利用正则表达式解决采集内容排版的问题
2013/06/20 PHP
JCalendar 日历控件 v1.0 beta[兼容IE&Firefox] 有文档和例子
2007/05/30 Javascript
自动最大化窗口的Javascript代码
2013/05/22 Javascript
jQuery图片切换动画效果
2017/02/28 Javascript
JavaScript实现QQ聊天消息展示和评论提交功能
2017/05/22 Javascript
Angularjs修改密码的实例代码
2017/05/26 Javascript
微信小程序搜索组件wxSearch实例详解
2017/06/08 Javascript
input框中自动展示当前日期yyyy/mm/dd的实现方法
2017/07/06 Javascript
vue中路由参数传递可能会遇到的坑
2017/12/07 Javascript
修改Nodejs内置的npm默认配置路径方法
2018/05/13 NodeJs
微信小程序基于高德地图API实现天气组件(动态效果)
2020/10/22 Javascript
python实现超简单端口转发的方法
2015/03/13 Python
详解python调度框架APScheduler使用
2017/03/28 Python
详解Python3 中hasattr()、getattr()、setattr()、delattr()函数及示例代码数
2018/04/18 Python
解决python中os.listdir()函数读取文件夹下文件的乱序和排序问题
2018/10/17 Python
解决pycharm每次新建项目都要重新安装一些第三方库的问题
2019/01/17 Python
了解不常见但是实用的Python技巧
2019/05/23 Python
Python-numpy实现灰度图像的分块和合并方式
2020/01/09 Python
pycharm 设置项目的根目录教程
2020/02/12 Python
PyTorch中torch.tensor与torch.Tensor的区别详解
2020/05/18 Python
python小技巧——将变量保存在本地及读取
2020/11/13 Python
一些Unix笔试题和面试题
2012/09/25 面试题
Python里面如何实现tuple和list的转换
2012/06/13 面试题
电信营业员自我评价分享
2014/01/17 职场文书
高一化学教学反思
2014/02/05 职场文书
合作意向书范本
2014/03/31 职场文书
少儿节目主持串词
2014/04/02 职场文书
班子个人四风问题整改措施
2014/10/04 职场文书
用人单位终止解除劳动合同证明书
2014/10/06 职场文书
教师自查自纠材料
2014/10/14 职场文书
手机销售员岗位职责
2015/04/11 职场文书
怎样做好公众演讲能力?
2019/08/28 职场文书
python 闭包函数详细介绍
2022/04/19 Python