[JS] 객체(Objects) 내부의 함수(Function)

https://bigtop.tistory.com/42

[JavaScript] 자바스크립트 메서드 (Method) 가볍게 이해하기

(참고한 링크)

 

오늘 노마드클론코딩 챌린지 중 이미 생성된 객체 안에 이벤트핸들러를 넣어서 처리하라는 과제를 받았다

 

객체 안에 뭔가를 쓰려고 하니 자꾸 에러가 나서 일단 따로 이벤트핸들러를 작성한 후에 이 객체 안에 이벤트핸들러를 넣는 방법을 고민해봤는데, 알고 보니 이 과제는 js의 method를 알려주려는 목적이 있었던 듯하다

 

const superEventHandler = {

mouseEnter() {

hello.innerText = "The Mouse is here!";

hello.style.color = colors[0];

},

};

hello.addEventListener("mouseenter", superEventHandler.mouseEnter);

 

내가 코딩한 부분 일부 발췌한 것이다

객체 내부의 함수로서 메소드를 사용하려면, 아무튼 그것이 일단 함수일지라도 문법이 달라지게 된다

본래 함수는 function abc () {} 로 선언하고 정의하지만 객체 내부에서 함수를 생성할 때는 메소드가 되어

function을 빼고,

abc () {}, 

또는

abc: () => {}

또는

abc: function() {}

 

3가지 방법으로 할 수 있으나 나는 첫번째 방법으로 처리했다

 

또한 객체를 빠져나와 해당 함수를 불러올 때는, objects.function() 이런 식으로 객체 내부에서 꺼내와야 한다

 

이러한 방식을 method라고 하는 것 같은데 일반적으로 함수를 쓰는 방법과는 약간의 차이점이 있는 듯하다

 

method에 관한 것은 나중에 더 배워서 확실히 알아놔야겠다