requireJS define require

define 用来定义模块

require 用来加载模块

因为定义一个模块，可能会依赖其他模块，当然最简单的情况下是不依赖其他模块，这时就可以这样写：

//Inside file my/shirt.js:
define({color: "black",size: "unisize"
});

官方解释：If the module does not have any dependencies, and it is just a collection of name/value pairs, then just pass an object literal to define():

定义一个模块，也可能需要先做一些setup工作，假设它也不依赖其他模块，这时可以这样写：

//my/shirt.js now does setup work
//before returning its module definition.
define(function () {//Do setup work herereturn {color: "black",size: "unisize"}
});

官方解释：If the module does not have dependencies, but needs to use a function to do some setup work, then define itself, pass a function to define():

定义一个模块，可能会很复杂，既依赖其它一些个模块，又需要一些setup工作，那么这个时候可以这样写：

//my/shirt.js now has some dependencies, a cart and inventory
//module in the same directory as shirt.js
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);}}}
);

被依赖的模块会作为参数一次传入到那个function中。

看官方解释：If the module has dependencies, the first argument should be an array of dependency names, and the second argument should be a definition function. The function will be called to define the module once all dependencies have loaded. The function should return an object that defines the module. The dependencies will be passed to the definition function as function arguments, listed in the same order as the order in the dependency array:

Define a Module with a Name

   //Explicitly defines the "foo/title" module:define("foo/title",["my/cart", "my/inventory"],function(cart, inventory) {//Define foo/title object in here.});

相信你一看便理解了，不过它里面的学问可以在没事的时候去看看官方的文档说明，也许很有意思的哦。

还有好多其他情况，但记住本质，define是用来定义模块的，require是用来加载模块的，整个库的开发考虑的情况比较多，比如：为了兼容以前的代码，为了适应某些库的使用，某些转换工具的使用，元编程的应用，等等。只要我们抓住本质，理解意思，具体的格式参考官网，只要别人用了，就肯定是合法的，就肯定是有根源的，今天到此为止。

requireJS define require相关推荐

linux系统怎么装搜狗输入法_Linux之Ubuntu系统安装搜狗输入法
如何在Ubuntu系统中安装搜狗输入法? 1.第一步下载搜狗输入法文件for Linux 2.检查更新 update 如果没有更新的话,需要做这一步 3.语言支持选择fcitx,然后关闭界面 4 ...
vue require css html,requirejs vue vue.router简单框架
index.html 入口页面html> vue `menu`.`name` base.js requirejs 配置文件(function(){ requirejs.config({ ...
RequireJS学习笔记（转）
前言进入移动前端是很不错的选择,这块也是我希望的道路,但是不熟悉啊... 现在项目用的是require+backbone,整个框架被封装了一次,今天看了代码搞不清楚,觉得应该先从源头抓起,所以再看看 ...
JS模块化工具requirejs教程02
基本API require会定义三个变量:define,require,requirejs,其中require === requirejs,一般使用require更简短 define 从名字就可以看出 ...
模块化以及requirejs和seajs
我们用模块化的思想进行网页的编写是为了更好的管理我们的项目模块与模块之间是独立存在的,每个模块可以独立的完成一个子功能. 模块化所涉及的规范commonjs,AMD,CMD,UMD 其中的commo ...
菜鸟requireJS教程---2、基本知识
菜鸟requireJS教程---2.基本知识一.总结一句话总结: 1.requireJS中的api就define(比如定义自己的函数)和require 2.requireJS使用的话就是配置req ...
require.js基本认识
基本API require会定义三个变量:define,require,requirejs,其中require === requirejs,一般使用require更简短 define 从名字就可以看出 ...
requireJS 从概念到实战
requireJS 可以很轻易的将一个项目中的JavaScript代码分割成若干个模块(module).并且requireJS推荐一个模块就是一个文件,所以,你将获得一些零碎的具有互相依赖关系的JS文 ...
RequireJS 主要函数
RequireJS API 存在于RequireJS载入时创建的命名空间requirejs下.其主要API主要是下面三个函数: define– 该函数用户创建模块.每个模块拥有一个唯一的模块ID,它被 ...

requireJS define require

requireJS define require相关推荐

最新文章

热门文章