今天项目里看到了requireJs的代码,然后自己搜了下,发现网上的例子基本都是require([], function() { //代码逻辑})的写法,然后有个疑问就是难道模块的调用逻辑都要在回调函数里写吗,于是试验了下能否在外部调用,详情如下:
首先有个用来被引用的js文件,叫ccc.js,内容是
define(function(){
console.info('load ccc.js start');
return{
testc: function() {
console.info('testc函数执行了')
}
}
})
外部的调用代码是
var obj = require(['../ccc.js'])
obj.testc();
此时会报错,日志:
发现load ccc.js start日志在testc函数之后才打印的,然后反应过来require是异步加载的,然后去搜了下同步加载的办法,基本没搜到,最后在官网上找到了:
原来require一开始都是同步加载,2.1版本之后如果参数是数组就变成了异步加载,于是改成单个路径的同步方式再试
var obj = require('../ccc.js')
obj.testc();
这里只用了单独的文件名名,正常执行
注意,此时require函数不能再有第二个function参数,不然语法错误。
总结:
require(['../ccc.js'],function(){})是异步加载
require('../ccc.js') 同步加载
其实require的主要功能就是异步加载不阻止页面渲染,这里仅是好奇实验而已!!!!