require js 同步加载和异步加载 - zhangjieshuaige的专栏 - CSDN博客

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

Original url: Access
Created at: 2019-05-28 10:30:23
Category: default
Tags: none

未标明原创文章均为采集，版权归作者所有，转载无需和我联系，请注明原出处，南摩阿彌陀佛，知识，不只知道，要得到

请先后发表评论