[Javascript] # 객체

객체를 사용하면 함수들의 이름이 반복되어도 다른 객체에 소속되기 때문에 오류가 발생하지 않는다.

<예시>

function setColor(color){
  document.querySelector('body').style.backgroundColor = color;
}

function setColor(color){
  document.querySelector('body').style.Color = color;
}

이렇게 같은 이름의 함수가 존재하면 오류가 발생한다.
하지만 코드가 길어지고 함수가 많아진다면 이러한 오류를 쉽게 알아챌 수 없으므로 객체를 활용한다.

var Background = {
  setColor:function(color){ 
    document.querySelector('body').style.backgroundColor = color;
  }
}

var font = {
  setColor:function(color){
    document.quertSelector('body').style.color = color;
  }
}

서로 다른 객체명으로 오류없이

Background.setColor('black');

font.setColor('white');

로 사용할 수 있습니다.