javascript_in_depth_12

디자인 패턴 실용 - Self-invoking constructor 패턴

자바스크립트에서는 new 키워드를 생랼하더라도 생성자 함수를 일반 함수인 것처럼 호출하고 실행하므로 오류는 발생하지 않고 오동작만 하게 된다. 이러한 경우 작은 오타라서 소스가 많아지면 오류를 찾아내는 것이 힘들 수도 있다. Self-invoking constructor 패턴은 이러한 실수를 고려하여 생성자를 그냥 함수로 호출 할 때 스스로 new를 붙여 다시 호출하는 패턴이다.

활용

ECMAScript 6에서 class 키워드가 별도로 나오면서 function 기반으로 객체지향을 개발하는 상황은 점점 줄어들고 있지만, 아직 ECMAScript 6의 class 키워드를 모든 브라우저가 100% 지원하지는 않고 있다.따라서 function 으로 객체지향을 구현할 때 방어적으로 이 패턴을 이용하여 생성자 호출 실수를 처리하면 좋다. 이는 function 생성자와 관련된 패턴으로 객체지향 프로그래밍을 할 때 유용하게 사용할 수 있다.

예제

// Self-invoking constructor 패턴의 구현
(function () {
    function Employee(name, manMonth) {
        if (!(this instanceof Employee)) {
            return new Employee(name, manMonth);
        }
        this.name = name;
        this.manMonth = manMonth;
    }

    var unikys = Employee("Unikys", 1),
        world = new Employee("World", 2);
        
    console.log(unikys);
    console.log(world);
}());