자바스크립트 코딩 기법과 핵심 패턴 - 설정 객체 패턴

설정 객체 패턴

설정 객체 패턴은 좀더 깨끗한 API를 제공하는 방법이다. 라이브러리나 다른 프로그램에서 사용할 코드를 만들때 특히 유용하다.

많은 수의 매개변수를 전달하기 불편할 경우 하나의 객체로 만들어 대신 전달하는 방법이 있다.

function addPerson(){ // 혹은 addPerson(obj)

// console.log(obj)

console.log(arguments);

if(arguments[0]){

console.log(arguments[0].username);

}

}

var conf = {

username : "batman",

first : "bruce",

lst : "wayne"

};

addPerson(conf);

설정 객체의 장점은 다음과 같다.

• 매개변수와 순서를 기억할 필요가 없다.
• 선택적인 매개변수를 안전하게 생략할 수 있다.
• 읽기 쉽고 유지보수가 편하다.
• 매개변수를 추가하거나 제거하기가 편하다.

설정객체의 단점은 다음과 같다.

• 배개변수의 이름을 기억해야 한다.
• 프로퍼티 이름은 압축되지 않는다.

이 패턴은 함수가 dom 앨리먼트를 생성할 때나 엘리먼트의 css 스타일을 지정할 때 유용하다. 엘리먼트와 스타일은 많은 수의 어트리뷰트와 프로퍼티를 가지며 대부분은 선택적은 값이기 때문이다.