JavaScriptのデザインパターンのデモコード

js_design_pattern.md

目次

• シングルトン
• ファクトリ
• イテレータ
• デコレータ
• ストラテジー
• ファサード
• プロキシ
• メディエータ
• オブザーバ

参考記事

【まとめ】JavaScriptでデザインパターン

singleton.js

// simple code
// the instance is public
function Earth(){

  // 既存のインスタンスの有無をチェック
  if (typeof Earth.instance === "object"){
    return Earth.instance;
  }

  this.name = "Earth";
  this.age = "4.7+E9"; // 地球の寿命は47億年

  // キャッシュする
  Earth.instance = this;
  return this;
}

// using closure
// the instance is private
function Earth(){

  var instance;

  Earth = function Earth() {
    return instance;
  };

  // プロトタイププロパティを引き継ぐ
  Earth.prototype = this;

  // インスタンス
  instance = new Earth();

  // コンストラクタのポインタを再設定
  instance.constructor = Earth;

  instance.name = "Earth";
  instance.age = "4.7+E9"; // 地球の寿命は47億年

  return instance;
}