Javascript模块模式的上下文示例

我发现了模块模式的许多理论讨论，但作为一名新开发人员，我希望看到一些与上下文相关的内容。即：由于设计模式有助于结构，我想看看结构。Javascript模块模式的上下文示例

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

2017-10-14 Gregory Tippett

有在JavaScript中很多模块模式。您需要选择适合您的情况的图案（或图案的混合）。你在做什么框架（例如Node.js，requirejs，...）？ – Gladclef

我没有使用框架。我是一名业余爱好者，致力于通过WebAudio API在浏览器中构建音乐应用程序。真的，我的主要兴趣在于看到任何大型结构如何工作的例子，因为我的代码变得混乱，我需要一些关于如何组织它的想法。 –

代码的体系结构将非常专用于您的应用程序。只有您可以了解如何[单独关注]（https://en.wikipedia.org/wiki/Separation_of_concerns）和[modularise]（https://en.wikipedia.org/wiki/Modular_design）您的代码。 “模块模式”仅仅是一个关于如何创建这样的模块作为JS对象的语法惯例，其私有空间用于声明。 – Bergi

有了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

来源

2017-10-14 21:19:07 Gladclef

Javascript模块模式的上下文示例

回答

相关问题