seajs中模块依赖加载处理实例分析
程序员文章站
2022-03-17 11:57:14
...
本文主要介绍了seajs中模块依赖的加载处理,结合实例形式分析了seajs模块依赖与加载的原理、相关注意事项与使用方法,需要的朋友可以参考下,希望能帮助到大家。
最近在做项目的时候发现一些关于模块依赖问题,特记录下:
比如现有3个文件:
/*init.js*/ define(function(require, exports, module){ require('jquery'); require('jquery.plugA'); }) /*jquery.plugA.js*/ define(function(require, exports, module){ require('jquery'); require('jquery.plugB'); //code... }) /*jquery.plugB.js*/ define(functioin(require, exports, module){ require('jquery'); //code... })
比如执行init.js时,init.js、jquery.plugA.js、jquery.plugB.js都会依赖到jquery,那么这种情况下seajs对jquery如何处理的呢?只执行一次?执行多次?还是其他方式?
此处参考玉伯的回答:
我对模块调用的理解是,调用是指获取某个模块的接口。在 SeaJS 里,只有 seajs.use, require.async, 和 require 会产生模块调用,比如: var a = require('./a') 在执行 require(‘./a') 时,会获取模块的接口,如果是第一次调用,会初始化模块 a,以后再调用时,直接返回模块 a 的接口; define 只是注册模块信息,比如打包之后:define(id, deps, factory) 是注册了一个模块到 seajs.cache 中,define 类似:seajs.cache[id] = { id: id, dependencies: deps, factory: factory }
是纯注册信息。
而 require('./a') 时,才会执行 seajs.cache['a'].factory, 执行后得到 seajs.cache['a'].exports
相关推荐:
以上就是seajs中模块依赖加载处理实例分析的详细内容,更多请关注其它相关文章!