require js 同步加载和异步加载

今天项目里看到了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的主要功能就是异步加载不阻止页面渲染，这里仅是好奇实验而已！！！！