Please enable JavaScript.

Coggle requires JavaScript to display documents.

javascript patterns - Coggle Diagram

- - - - const object = new Object(); return object
    - - if (!instance) { instance = createInstance(); } return instance;
- - - - currentState = state;
- - - - { //private vars and functions; return { //public vars and functions;} }
    - - const UIController = (function () { ... })();
        
        return { callChangeText:function () { ... } }
        
        const changeText = function () { ... }
      - UIController.callChangeText();
      - UIController.changeText() → cannot be accessed outside the function
  - - - returning an object literal that directly reveals methods inside the object
    - - let _data = [];
      - function add(item) { ... }
      - function get(id) { .. }
      - return { add: add, get: get}
- - - - this.createMember = function (name, type) { ... }
        
        check type → if (type === "simple") { ... }
        
        member = new SuperMembership(name);
        
        member = new StandardMembership(name);
        
        member = new SimpleMembership(name);
        
        member.type = type;
        
        let member;
      - return member;
    - - const StandardMembership = function(name) { ... }
      - const SuperMembership = function(name) { ... }
      - const SimpleMembership = function (name) { ... }
    - - const members = [];
      - const factory = new MemberFactory();
    - - members.push(factory.createMember('John Doe', 'simple'));
- - - - this.observers = [];
    - - function subscribe
      - function unsubscribe
      - function fire
    - - click.subscribe(getCurMilliseconds);
      - const getCurMilliseconds = function() { ... }
  - - - constructor() { ... }
        
        this.observers = [];
      - methods
        
        subscribe(fn) { ... }
        
        this.observers.push(fn);
        
        unsubscribe(fn) { ... }
        
        this.observers = this.observers.filter(function(item){ ... }
        
        fire() { ... }
        
        this.observers.forEach(function(item) { ... };
        
        item.call();
    - - click.subscribe(getCurMilliseconds);
      - const getCurMilliseconds = function() { ... }
- - - - methods
        
        send (message, to) { ... }
        
        receive(message, from) { ... }
      - constructor(name) { ... }
        
        this.name = name, this.chatroom = null
    - - `constructor { ... }
        
        this.users = {}
      - methods
        
        register(user) { ... }
        
        this.users[user.name] = user;
        
        user.chatroom = this;
        
        send(message, from, to) { ... }
        
        single → to.receive(message, from);
        
        mass → this.users[key].receive(message, from);
    - - const brad = new User("brad");
      - const chatroom = new Chatroom();
      - chatroom.register(brad);
      - brad.send("hello jeff", sara);