디자인 패턴
-
[디자인 패턴] 적응자 패턴, 빌더 패턴, 복합체 패턴Web/JavaScript 2020. 2. 5. 16:44
적응자 패턴 인자에 따라 구조가 변하는 패턴으로, 서로 다른 객체에 동일한 메서드를 만들고, 해당 객체를 생성자 객체의 인자로 넘겨 활용하는 패턴 다들 친구와 자신의 여자친구에게 인사하는 방식이 다를 것이다. 이를 코드로 구현해보자. var greetSystem = (function(){ var greetSystem = function(adapter){ this.adapter = adapter; } greetSystem.prototype.greeting = function(){ this.adapter.greeting(); } return greetSystem; })(); var friend = { greeting : function(){ console.log("ㅎㅇ"); } } var girlfriend..
-
[디자인 패턴]즉시 함수 호출 표현식(IIFE)을 사용한 싱글턴 패턴Web/JavaScript 2020. 2. 1. 15:25
1. 즉시 함수 호출 표현식(IIFE) 익명함수와 즉시 함수 호출 표현식(IIFE)을 이해하고 넘어가는 것이 좋다. 먼저 간략하게 설명한 정의는 다음과 같다. 익명함수란 사용자가 자바스크립트에서 정의할 수 있는 함수 중 익명, 즉 이름이 없는 함수이다. 즉시 함수 호출 표현식(IIFE)은 함수를 선언과 동시 호출하는 표현식을 의미한다. 익명함수를 설명하기 위해선 즉시 함수 호출 표현식이 항상 따라온다. 기존 함수들은 이름이 존재하기 때문에 선언과 호출이 따로 이루어지지만, 익명함수는 이름이 없기 때문에 한 번 정의하고 난 후에, 나중에 호출할 수 방법이 없다. 그래서 즉시 함수 호출 표현식(IIFE)를 통해서 선언과 동시에 호출하여 사용한다. 즉시 함수 호출 표현식(IIFE)은 (function(){})..