Using the Module Pattern for larger projects

前端 未结 3 1366
小蘑菇
小蘑菇 2021-02-18 23:49

I\'m interested in using the Module Pattern to better organize my future projects. Unfortunately, there are only a few brief tutorials and proof-of-concept examples of the Modul

相关标签:
3条回答
  • 2021-02-19 00:07

    There are a lot of nuances to how people prefer to do that, but the main benefit of what you're calling the module pattern (a named scope), is that your not cluttering up the global namespace, which helps keep things clean if you bring in other libraries etc, and avoids name collisions.

    How you organize the names and nested scopes within that is largely a matter of personal preference.

    0 讨论(0)
  • 2021-02-19 00:14

    Here's a good write-up on what you're after; http://www.adequatelygood.com/2010/3/JavaScript-Module-Pattern-In-Depth

    0 讨论(0)
  • 2021-02-19 00:17

    Dojo's dojo.declare is great for this kind of thing since it

    Create a constructor using a compact notation for inheritance and prototype extension.

    It's also really convenient if even for just removing this kind of boiler plate:

    var project = window.project || {};
    project.arm = project.arm || {};
    

    If you just want that feature, then you could use dojo.setObject, but of course, writing something to do the same is trivial.

    dojo.setObject("project.arm.object" (function() {
        var privateVar = "Private contents.";
    
        function privateMethod() {
            alert(privateVar);
        }
    
        return {
            method: privateMethod
        };
    }()));
    

    I recently used dojo.declare/dojo.setObject for a large JavaScript project (86 files, 7K+ lines (not counting comments and blank lines)), and it was a breeze to keep everything organized and manageable, especially when you have an inclusion mechanism like dojo.require and dojo.provide.

    0 讨论(0)
提交回复
热议问题