如何从外部文件onload中正确升级功能



i在load上执行的较大外部脚本mymodule.js中具有函数myModule.myFunction。一切似乎都很好。但是现在我添加了

"use strict";

在外部脚本的顶部。我得到了

TypeError: MyModule is undefined

,页面停止工作。所以我想知道我在哪里做一些有问题的事情。这是我页面的结构(不幸的是,我没有设法产生最小的示例):

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
<body>
    <!-- Some html here -->
    <script src="mymodule.js"></script>
    <script>
        function myOnload() {
            myModule.myFunction();
        }
        window.addEventListener('load', myOnload, false);
    </script>
</body>
</html>

这是mymodule.js中的MyModule的样子:

var myModule = (function(){
    // stuff
})();

myModule.js中,您需要将myModule明确分配给window对象(使用"使用strilt")。

将其更改为window.myModule = ...

原因:在草率模式下,在全局对象上自动添加未宣布的变量。在严格的模式下,它们不是)避免意外干扰)。

最新更新