[JS] object에서 method를 작성하는 두 가지 방법

 

 

method: 객체의 속성 중에 동작(함수)인 것

 

method를 작성하는 방법 두 가지

▷ 첫 번째 방법

// eat() 메소드를 활용한 예시
const pet = {
    eat: function (food) {}
}

pet.eat()

 

const superEventHandler = {
  handleEnter: function() {
    h2.innerText = "The mouse is here!";
    h2.style.color = colors[0];
  }
 }
 
 h2.addEventListener("mouseenter", superEventHandler.handleEnter);

 

 

▷ 두 번째 방법

const pet = {
	eat(food)
}

pet.eat()

 

const superEventHandler = {
  handleMouseover() {
    h2.innerHTML = "The mouse is here!";
    h2.style.color = colors[0];
  }
 }
 
h2.addEventListener("mouseover", superEventHandler.handleMouseover);