RequireJS load module mechanism
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Hello RequireJS boilerplate</title> | |
<meta charset="utf-8" /> | |
</head> | |
<body> | |
<h1>RequireJS load module mechanism</h1> | |
<p>Open your console</p> | |
<ol> | |
<li>require module: mod1</li> | |
<li>require module: mod2</li> | |
<li>require module: main</li> | |
<li>hello mod1</li> | |
<li>hello mod2</li> | |
<li>hello main</li> | |
</ol> | |
<h2>Conclusion</h2> | |
<p>RequireJS execute module as <strong>SOON</strong> as possible(RequireJS会先尽早地执行[依赖]模块, 相当于所有的require都被提前了, 而且模块执行的顺序也不一定100%就是先mod1再mod2)</p> | |
<p>So DO NOT trust your code!(因此你看到执行顺序和你预想的完全不一样! 颤抖吧~ RequireJS!)</p> | |
<strong>Orz!</strong> | |
<p>Test with RequireJS 2.1.6</p> | |
<script data-main="js/app.js" src="lib/require.js"></script> | |
</body> | |
</html> |
This comment has been minimized.
This comment has been minimized.
RequireJS execute module as SOON as possible(RequireJS会先尽早地执行[依赖]模块, 相当于所有的require都被提前了, 而且模块执行的顺序也不一定100%就是先mod1再mod2) |
This comment has been minimized.
This comment has been minimized.
模块顺序不一定100%是什么意思? 是require的时候不能做到顺序一致性还是被调用执行的时候不能做到一致性? |
This comment has been minimized.
This comment has been minimized.
感觉require.js不靠谱呢,试试seajs吧 |
This comment has been minimized.
This comment has been minimized.
即使加载的顺序有差异,但是执行顺序是正确的呢。 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
This comment has been minimized.
执行结果
require module: mod1
require module: mod2
require module: main
hello mod1
hello mod2
hello main