RequireJS的加载、初始化等等 - 代码格式篇

---

---

RequireJS的加载、初始化，设置的方式有好几种。

---

一、格式

1. 要求格式如下

   // 1. 要求格式如下
   define(
   	moduleName, // 可选。如果此参数不填写，则默认使用本模块所在文件的文件名
   	dependencies, // 可选。一个数组，此数组包含着此文件所需的各种依赖项目
   	function (parameters){ 
   		//各依赖项成功加载后所运行的函数
   		// parameters中包含的各个值来自于依懒项，与dependencies参数中的各个依赖项形成对应关系
   	}
   );
   

2. 代码示下：
   根据上面的格式要求，写一个代码块，简单示例一下：

   // 2.示例代码：
   define(["lib/jquery-1.11.1"], function ($){
   	// 这里放的是当jQuery加载完成后所要执行的模块代码
   	// define函数的第一个参数指出jQuery库的位置，匿名函数中的参数(名称为$)与之对应
   });
   

二、加载、初始化

3. 模块名称的别名
   引言略：Pg217

   // 3. 模块名称的别名
   requirejs.config({
   	paths: {
   		"jquery": "lib/jquery-1.11.1"
   	}
   });
   

4. 引用内容分发网络CDN 或者选择 后备文件

• 使用jQuery或其他流行库的时候，许多码农喜欢在众多分布于周围网络的全球内容分发网络CDN中的某一个进行引用。
• 在合适的条件下，这种做法缩减了文件下载的时间，尤其是用户之前已经从同一个CDN加载过同一个版本的jQuery，那么该文件已经缓存在用户端的可能性就会大大增加。

• 确切的说： 引用选择的都是文件的URL路径；并且是二选一，鱼和熊掌不能兼得！

• RequireJS支持引用存放在其他主机上的模块，直接方法就是在dependencies参数数组中写上需要引用模块的URL路径即可。

• 当引用失败的时候，会从后备列表加载本地文件，代码示下。

  // 4. 内容分发网络和后备
  requirejs.config({
  	paths: {
  		"jquery": [
  			// 从分布于周围网络的全球内容分发网络CDN中引用
  			"https://ajax.googleapis.com/ajax/jquery/1.0.2/jquery.min",
  			// 如果CDN引用不能正常运作，则从本地文件加载
  			"lib/jquery-1.11.1"
  		]
  	}
  });
  

  上述写法，也可以说是第3个的升级版。

---

以上就是关于“ RequireJS的加载、初始化等等 - 代码格式篇 ” 的全部内容。