[JS] 객체 내부에 함수 넣기

객체 내부에 함수를 어떻게 넣는지 알아내기 위해 구글링을 하며 열심히 공부한 결과 key:value 형식이라고 한다.

function hello () {
//내용
};

그러니까 일반적인 함수는 위와 같은데, 이걸 객체 내에 그대로 넣게 되면 에러가 발생한다.

해결 방법은 되게 간단했는데 방법은 아래와 같다.

const hello = {
  hi: function () {
    //내용
  },
  hola: function () {
    //내용
  }
};

위와 같이 key:value로 작성한다. 즉, function hello는 hello: function으로 바꿔주면 된다.

그리고 함수와 함수 사이엔 무조건 콤마(,)로 구분해야 한다. 이거 찾느라 30분 버렸다.

그렇다면 이제 객체 외부에서 사용해야 하는데 방법은 간단했다.

test.addEventListener("click", hello.hi);

객체 이름 뒤에 함수 이름을 붙여주면 된다.