Js Pattern - Namespace Pattern

系统管理员 2021-05-02 12:24 303阅读 0赞

bad code

// BEFORE: 5 globals
    // Warning: antipattern
    
    // constructors
    function Parent() {}
    function Child() {}
    
    // a variable
    var some_var = 1;
    
    // some objects
    var module1 = {};
    module1.data = {a: 1, b: 2};
    
    var module2 = {};

good code

// AFTER: 1 global
    // global object
    var MYAPP = {};
    
    // constructors
    MYAPP.Parent = function () {};
    MYAPP.Child = function () {};
    
    // a variable
    MYAPP.some_var = 1;
    
    // an object container
    MYAPP.modules = {};
    
    // nested objects
    MYAPP.modules.module1 = {};
    MYAPP.modules.module1.data = {a: 1, b: 2};
    MYAPP.modules.module2 = {};

**Some of the properties you’re adding to the namespace may already exist, and you could be overwriting them.**  
**Therefore before adding a property or creating a namespace, it’s best to check first that it doesn’t already exist**

// unsafe
    var MYAPP = {};
    
    // better
    if (typeof MYAPP === "undefined") {
        var MYAPP = {};
    }
    
    // or shorter
    var MYAPP = MYAPP || {};

发表评论取消回复

表情：

评论列表（有 0 条评论，303人围观）

还没有评论，来说两句吧...

相关阅读

相关 Design Pattern-Strategy Pattern策略模式

一.看了《Head First Design Pattern》的策略模式的学习笔记 1. Design Principle: Identify the aspects of

港控/mmm°/ 2022年06月02日 11:57/ 0 赞/ 178 阅读

相关 Design Pattern-Singleton Pattern单例模式

There are many objects we only need one of: thread pools, caches, dialog boxes, objects

柔光的暖阳◎/ 2022年06月02日 06:53/ 0 赞/ 181 阅读

相关 Design Pattern-Observer Pattern观察者模式

一.看了《Head First Design Pattern》的观察者模式的学习笔记 The Observer Pattern defines a one-to-many d

Myth丶恋晨/ 2022年06月01日 00:25/ 0 赞/ 202 阅读

相关 Design Pattern IDisposable Pattern C

分享一下我老师大神的人工智能教程！零基础，通俗易懂！[http://blog.csdn.net/jiangjunshow][http_blog.csdn.net_jiangju

系统管理员/ 2022年04月22日 12:02/ 0 赞/ 233 阅读

相关正则的?:pattern, ?=pattern, ?!pattern学习整理

　　真正学习这次正则知识前，我是被这道题给难住了：目标文本 str1 = "ever1, ever2, never1, never2, never3, f

「爱情、让人受尽委屈。」/ 2021年12月17日 02:07/ 0 赞/ 160 阅读

相关 Design Pattern----Creational.Pattern

Creational patterns In software engineering, creational design patterns are design pa

灰太狼/ 2021年11月08日 18:32/ 0 赞/ 244 阅读

相关 Design Pattern----03.Creational.FactoryMethod.Pattern (Delphi Sample)

Intent Define an interface for creating an object, but let subclasses decide which

缺乏、安全感/ 2021年11月08日 18:31/ 0 赞/ 183 阅读

相关 Design Pattern

Other Patterns: 使用Null Object设计模式 http://www.cnblogs.com/zhuweisky/archive/2007/0

ゝ一纸荒年。/ 2021年11月01日 16:56/ 0 赞/ 302 阅读

相关 (?:pattern) 与 (?=pattern)的区别

共同点 (?:pattern) 与 (?=pattern)都匹配pattern，但不会把pattern结果放到Matches的集合中。区别 > (?:patte

骑猪看日落/ 2021年10月30日 06:06/ 0 赞/ 178 阅读

相关 Js Pattern - Namespace Pattern

bad code // BEFORE: 5 globals // Warning: antipattern // constructors function Paren...

系统管理员/ 2021年05月02日 12:24/ 0 赞/ 304 阅读