モダンJavaScript入門: 現場でよく使われるデザインパターン

1. はじめに

JavaScriptは、ウェブ開発における最も重要な言語の一つです。この記事では、現場でよく使われるJavaScriptのデザインパターンについて解説します。

2. モジュールパターン

モジュールパターンは、特定の機能をカプセル化し、他の部分から独立させるために使用されます。

var myModule = (function () {
  var privateVariable = 'Hello World';

  function privateMethod() {
    return privateVariable;
  }

  return {
    publicMethod: function () {
      return privateMethod();
    }
  };
})();

console.log(myModule.publicMethod());  // 'Hello World'

3. ファクトリーパターン

ファクトリーパターンは、オブジェクトを作成するための一般的なインターフェースを提供します。

function CarMaker() {}

CarMaker.prototype.drive = function () {
  return "Vroom, I have " + this.doors + " doors";
};

function Car(doors) {
  this.doors = doors;
}

Car.prototype = new CarMaker();

var car = new Car(4);
console.log(car.drive());  // 'Vroom, I have 4 doors'

4. シングルトンパターン

シングルトンパターンは、特定のクラスのインスタンスが一つしか存在しないことを保証します。

var Singleton = (function () {
  var instance;
 
  function createInstance() {
    var object = new Object("I am the instance");
    return object;
  }
 
  return {
    getInstance: function () {
      if (!instance) {
        instance = createInstance();
      }
      return instance;
    }
  };
})();

var instance1 = Singleton.getInstance();
var instance2 = Singleton.getInstance();
console.log(instance1 === instance2);  // true

5. まとめ

JavaScriptのデザインパターンは、コードの構造と組織を助け、再利用可能でメンテナンスしやすいコードを作成するのに役立ちます。これらのパターンを理解し、適切に使用することで、より効率的で効果的なコードを書くことができます。