javascript - 在脚本 block 中通过 goog.require 加载文件失败

Question

使用 goog.require 时在 <script> 里面标记加载脚本，则不会加载指定的文件。例如:

<script>
goog.require('goog.dom');
var mydiv = goog.dom.$('foo');
</script>

给予:

goog.dom is undefined

这种用法有什么问题？

Answer 1

问题是 goog.require 将所需的脚本标签动态添加到文档中，在当前脚本标签之后。所以，例如:

<script>
goog.require('stuff');

doSomething();
</script>

转换为:

<script>
goog.require('stuff');

doSomething();
</script>
<script src=[included stuff] type="text/javascript"></script>

解决方案是为需求设置一个单独的脚本标签:

<script>
goog.require('stuff');
</script>

<script>
doSomething();
</script>