본문 바로가기
JS/JS 기초

JS- 메소드(method)

by 쫑뚱이 2022. 10. 5.
728x90
반응형

JS- 메소드(method)

오늘은 JS에서 메소드에 대해 알아보겠습니다.

 

메소드란?

간단하게 {}(중괄호)로 코드를 묶은 것을 의미합니다.

 

JS를 공부하면서 객체나 배열 등에서

용어는 잘 몰라도 메소드를 많이 보셨을 텐데 

메소드의 코드 예시를 보시면

 

//user 부분이 메소드의 이름이고 {}안을 메소드라고 합니다.
const user{
  name : "메소드"
  age : "1"
}

//user라는 메소드 이름을 통해 호출할 수 있습니다.
user.name();

이런 식으로 메소드의 이름을 정의하고

{}(중괄호)로 코드를 묶어서 정리하는 부분을

메소드라고 부르고 있고

 

아래 user.name();의 방식처럼

메소드의 이름을 통해 호출할 수도 있습니다.

 

메소드를 사용하는 이유는 작업을 하면서

객체나 배열 등을 활용해서 JS에서

코드를 작성할 때는 JS에서 지정해준 규칙도 지켜야 하고

가독성도 높아야 하기 때문에 메소드를 사용하게 되는데

 

메소드를 사용하는 가장 중요한 이유는

내부에서 코드끼리 충돌하는 것을

방지하기 위해 사용하고 있습니다.

 

코드를 짧게 작성을 하는 상황이라면 해당되지 않지만

추후에 프로젝트를 진행하거나

코드를 많이 사용하다 보면

메소드를 사용하지 않으면

충돌이 생겨 오류가 발생하는 경우가 생길 수 있습니다.

 

JS에서는 이런 상황을 방지하고자 메소드를 사용하고 있고

메소드를 정의할 때 메소드 이름을 지정하는데

지정된 메소드의 이름을 통해

해당 메소드를 사용한 코드가 어떤 이벤트, 역할을 담당하는지

명확하게 구분지어서 정리를 한다면 가독성도 좋고

추후에 수정할 때도 빠르게 수정할 수 있습니다.

 

(그래서 메소드의 이름을 지정할 경우

한 번에 이해가 되는 이름을 지어주는 것이 중요합니다.)

 

메소드는 정말 유용한 기능이고 다양한 상황에서

사용할 수 있기 때문에 이미 JS를 공부하신다면 많이 보셨겠지만

해당 부분이 메소드라는 것을 알아두시고 공부를 하시면

정말 좋을 것 같습니다.

 

감사합니다!!

728x90
반응형

'JS > JS 기초' 카테고리의 다른 글

JS- JS로 HTML, CSS 다루는 방법!  (0) 2022.11.06
JS - setInterval, setTimeout란?  (1) 2022.10.31
JS- 이벤트(event)  (0) 2022.09.26
JS- 숫자표현하는 방식  (0) 2022.09.24
JS- 예약어  (1) 2022.09.16

댓글