Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/414.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在Javascript模块模式的上下文示例中_Javascript_Module - Fatal编程技术网

在Javascript模块模式的上下文示例中

在Javascript模块模式的上下文示例中,javascript,module,Javascript,Module,我发现了许多关于模块模式的理论讨论,但作为一名新的开发人员,我希望在上下文中看到一些东西。Ie:既然设计模式有助于结构,我想看看结构 有人能告诉我这样一个例子吗?使用requirejs,您可以在HTML中加载requirejs脚本,然后使用它执行其余代码 /example.html: <html> <head> <script data-main="app" src="lib/require.js"></script>

我发现了许多关于模块模式的理论讨论,但作为一名新的开发人员,我希望在上下文中看到一些东西。Ie:既然设计模式有助于结构,我想看看结构


有人能告诉我这样一个例子吗?

使用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>

你好
变量超时,main=null;
var main=函数(){
//检查是否已加载requirejs
如果(“需要”!=“未定义”){
require([“lib/jquery”],函数(jquery){
var h1=jquery(“h1”);
h1.text(h1.text()+“世界!”);
});
}
//它还没有加载,祝你50毫秒后好运!
设置超时(主,50);
};
main();

requirejs网站上有一些(稍微)更深入的示例:

JavaScript中有许多模块模式。您需要选择适合您的情况的模式(或混合模式)。您使用的是什么框架(例如Node.js、requirejs等等)?我没有使用框架。我是一个音乐爱好者,正在用WebAudioAPI在浏览器中构建一个音乐应用程序。真的,我的主要兴趣是看看大规模结构是如何工作的,因为我的代码越来越混乱,我需要一些如何组织它的想法。代码的体系结构将非常适合你的应用程序。只有你才能知道如何使用你的代码。“模块模式”只是一种语法约定,用于说明如何将此类模块创建为JS对象,并为其声明提供私有范围。