JS jQuery (part. 09) - 옵션 객체 보완

옵션 객체 사용

function test(options) {
  options.valueA = options.valueA || 10;
  options.valueB = options.valueB || 20;
  options.valueC = options.valueC || 30;

  alert(options.valueA + ":" + options.valueB + ":" + options.valueC);
  alert(JSON.stringify(options));
}


test({
  valueA: 52,
  valueC: 273
})

 

$.extend( ) 메서드 사용

var object = $.extend({ a: 10 }, { a: 20, b: 20 }, { c: 30 });
alert(JSON.stringify(object));

이를 활용하면 앞에 '기본값 객체'를 넣고 뒤에 '사용자 정의 객체'를 넣어서 옵션 객체를 보완할 수 있다

 

 

function test(options) {
  options = $.extend({
    valueA: 10,
    valueB: 20,
    valueC: 30
  }, options);

  alert(options.valueA + ":" + options.valueB + ":" + options.valueC);
}

test({
  valueA: 52,
  valueC: 273
})

자주 사용하는 형태이니 기억하자

 

객체를 하나만 넣으면 객체를 값 복사(깊은 복사)하게 된다