require.js深入了解 require.js特性介绍_javascript类库(2)
当你写一个没有任何依赖的模块，并且只是返回一个对象包含一些功能函数，那么我们可以使用一种简单的语法： 复制代码 代码如下: define({ forceChoke: f
当你写一个没有任何依赖的模块，并且只是返回一个对象包含一些功能函数，那么我们可以使用一种简单的语法：
复制代码 代码如下:
define({
forceChoke: function() {
},
forceLighting: function() {
},
forceRun: function() {
}
});
很简单，也很有用，如果该模块仅仅是功能的集合，或者只是一个数据包。
循环依赖
在一些情况中，我们可能需要模块moduleA和moduleA中的函数需要依赖一些应用。这就是循环依赖。
复制代码 代码如下:
// js/app/moduleA.js
define( [ "require", "app/app"],
function( require, app ) {
return {
foo: function( title ) {
var app = require( "app/app" );
return app.something();
}
}
}
);
得到模块的地址
如果你需要得到模块的地址，你可以这么做……
复制代码 代码如下:
var path = require.toUrl("./style.css");
BaseUrl
通常，在进行的单元测试时，你的源代码可能放在类似src的文件夹里，同时，可能你的测试放在类似tests的文件夹里。这可能比较难让测试配置正确。
比如我们在tests文件夹有一个index.html文件，并需要本地加载tests/spec/*.js。并假设，所有源代码在为src/js/*.js，并有一个main.js在该文件夹。
index.html中，不在加载require.js时设置data-main。
复制代码 代码如下:
<script src="src/js/vendor/require.js"></script>
<script>
require( [ "../src/js/main.js" ], function() {
require.config({
baseUrl: "../src/js/"
});
require([
"./spec/test.spec.js",
"./spec/moar.spec.js"
], function() {
// start your test framework
});
});
</script>
你可以发现main.js被加载。然而由于没有设置data-main，所欲我们需要制定一个baseUrl。而当使用data-main时，baseUrl会根据其设定的文件来自动设置。
在这里，你可以看到main.js被载入。然而，由于它没有加载数据主要脚本标记，那么您必须指定一个base即可。当数据主要是用于baseURL时从主文件中的位置推断。通过自定义baseUrl我们可以很容易将测试代码和应用代码分开存放。
JSONP
我们可以这样处理JSONP终端：
复制代码 代码如下:
require( [
"http://someapi.com/foo?callback=define"
], function (data) {
console.log(data);
});
对于非AMD库，使用shim来解决
在很多请款下，我们需要使用非AMD库。例如Backbone和Underscore并未适应AMD规范。而jQuery实际上只是将自己定义成一个名为jQuery全局变量，所以对于jQuery什么都不用做。
幸运的是，我们可以使用shim配置来解决这一问题。
复制代码 代码如下:
require.config({
paths: {
"backbone": "vendor/backbone",
"underscore": "vendor/underscore"
},
shim: {
"backbone": {
deps: [ "underscore" ],
exports: "Backbone"
},
"underscore": {
exports: "_"
}
}
});
精彩图集
精彩文章