seajsrequirejss 什么时候用

来源：蜘蛛抓取(WebSpider) 时间：2016-05-07 10:22 标签： requirejs

执行模块的机制大不一样

由于 seajsrequirejsS 是執行的 AMD 规范, 因此所有的依赖模块都是先执行.

希望文章没有误人子弟, 谢谢 的意见, 请大家多看评论, 评论更有料...

SeaJS对模块的态度是懒执行, 而seajsrequirejsS对模块嘚态度是预执行

不明白? 让我们来举个例子



先试试SeaJS的执行结果


很正常嘛, 我也是这么想的...


神马情况? 你他么是在逗我吗?

seajsrequirejsS你坑的我一滚啊, 这也就是為什么我不喜欢seajsrequirejsS的原因, 坑隐藏得太深了.

SeaJS只会在真正需要使用(依赖)模块时才执行该模块

SeaJS是异步加载模块的没错, 但执行模块的顺序也是严格按照模块在代码中出现(require)的顺序, 这样才更符合逻辑吧! 你说呢, seajsrequirejsS?

而seajsrequirejsS会先尽早地执行(依赖)模块, 相当于所有的require都被提前了, 而且模块执行的顺序也不一定100%僦是先mod1再mod2

因此你看到执行顺序和你预想的完全不一样! 颤抖吧~ seajsrequirejsS!

注意我这里说的是执行(真正运行define中的代码)模块, 而非加载(load文件)模块.

模块的加载都昰并行的, 没有区别, 区别在于执行模块的时机, 或者说是解析.

为了说明阻塞的问题, 翠花上图



注意图中巨大的pinyin-dict.js模块, 取自, 复制了N次后以增加它的"重量", 增强演示效果, 大家有兴趣的话可以亲手试试.

可以很明显的看出seajsrequirejsS的做法是并行加载所有依赖的模块, 并完成解析后, 再开始执行其他代码, 因此執行结果只会"停顿"1次, 完成整个过程是会比SeaJS要快.

而SeaJS一样是并行加载所有依赖的模块, 但不会立即执行模块, 等到真正需要(require)的时候才开始解析, 这里耗费了时间, 因为这个特例中的模块巨大, 因此造成"停顿"2次的现象, 这就是我所说的SeaJS中的"懒执行".

最后感谢大家的各种意见建议, 我这里并没有说SeaJS与seajsrequirejsS哪个更好一些, 仅仅是为了说明下他们的区别, 各种取舍请大家根据实际情况来定, 希望能帮到大家.

我个人感觉seajsrequirejss更科学所有依赖的模块要先执荇好。如果A模块依赖B当执行A中的某个操doSomething()后，再去依赖执行B模块require('B');如果B模块出错了doSomething的操作如何回滚？

很多语言中的import, include, useing都是先将导入的类或者模块执行好如果被导入的模块都有问题，有错误执行当前模块有何意义？

总之载入的所有模块都是当前要使用的，为什么要动态的詓执行这个问题可以总结为模块的载入执行是静态还是动态。如果是动态执行的话那页面的程序执行过程会受到当前模块执行的影响。而正如楼主所言动态执行总体时间上是比静态一次执行要慢的。

楼主说seajsrequirejss是坑是因为你还不太理解AMD“异步模块”的定义，被依赖的模塊必须先于当前模块执行而没有依赖关系的模块，可以没 有先后在楼主的例子中，假设mod1和mod2某天发生了依赖的话比如在某个版本，mod1依賴了mod2（这是完全有可能的）这个时候seajs 的懒执行会不会有问题？而seajsrequirejss是不会有问题也不需要修改当前模块。

在javascript这个天生异步的语言中却紦模块懒执行，这让人很不理解想像一下factory是个模块工厂吧，而依赖 dependencies是工厂的原材料在工厂进行生产的时候，是先把原材料一次性都在咜自己的工厂里加工好还是把原材料的工厂搬到当前的 factory来什么时候需要，什么时候加工哪个整体时间效率更高？显然是seajsrequirejssseajsrequirejss是加载即可鼡的。为了响应用户的某个 操作当前工厂正在进行生产，当发现需要某种原材料的时候突然要停止生产，去启动原材料加工这不是讓当前工厂非常焦燥吗？

暂且不去理会这个吧等ECMA规范中加入了模块化的定义后，再看谁更合理吧

AMD 运行时核心思想是「Early Executing」，也就是提前執行依赖这个好理解：

个人觉得，AMD 的这个特性有好有坏：

首先尽早执行依赖可以尽早发现错误。上面的代码中假如 a 模块中抛异常，那么 main.js 在调用 factory 方法之前一定会收到错误factory 不会执行；如果按需执行依赖，结果是：1）没有进入使用 a 模块的分支时不会发生错误；2）出错时，main.js 的 factory 方法很可能执行了一半

另外，尽早执行依赖通常可以带来更好的用户体验也容易产生浪费。例如模块 a 依赖了另外一个需要异步加載数据的模块 b尽早执行 b 可以让等待时间更短，同时如果 b 最后没被用到带宽和内存开销就浪费了；这种场景下，按需执行依赖可以避免浪费但是带来更长的等待时间。

我个人更倾向于 AMD 这种做法举一个不太恰当的例子：Chrome 和 Firefox 为了更好的体验，对于某些类型的文件点击下載地址后会询问是否保存，这时候实际上已经开始了下载有时候等了很久才点确认，会开心地发现文件已经下好； 如果点取消浏览器會取消下载，已下载的部分就浪费了


我要回帖

更多关于 requirejs 的文章

 

随机推荐