Question

我发现了很多关于Module模式的理论讨论，但作为一个新的开发人员，我希望在上下文中看到一些东西。即：既然设计模式有助于结构，我希望看到结构。

有人可以指导我这样一个例子吗？

Answer 1

使用requirejs，您可以在HTML中加载requirejs脚本，然后使用它来执行其余的代码。

/example.html：

<html>
    <head>
        <script data-main="app" src="lib/require.js"></script>
    </head>
    <body>
        <h1>Hello</h1>

        <script type="text/javascript">
            var timeout, main = null;
            var main = function() {
                // check if requirejs has loaded
                if ("require" !== "undefined") {
                    require(["lib/jquery"], function(jquery) {
                        var h1 = jquery("h1");
                        h1.text(h1.text() + " world!");
                    });
                }
                // it hasn't loaded, better luck in 50 milliseconds!
                setTimeout(main, 50);
            };
            main();
        </script>
    </body>
</html>

requirejs网站上有一些（稍微）更深入的例子：http://requirejs.org/docs/start.html#examples

Javascript模块模式的上下文示例

1 个答案: