반응형
메소드란 ?
자바스크립트의 기본 타입(data type)은 객체(object)입니다. 객체란 이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합입니다. 프로퍼티의 값으로 함수가 올 수도 있는데, 이러한 프로퍼티를 메소드(method)라고 합니다.
저번 함수 시간에 이어서
https://jjaong34.tistory.com/26
자바스크립트 고차 함수와 반환 함수
https://jjaong34.tistory.com/25 자바스크립트 함수 범위와 표현식 지난시간에는 함수 기본을 공부했었다. https://jjaong34.tistory.com/24 자바스크립트 함수 함수 함수는 JavaScript에서 기본 구성 요소 중 하나
jjaong34.tistory.com
이번엔 메소드에 대해서도 알아볼까한다.
내가 만든 Math 객체를 예시로 들어서 설명해보겠다.
const myMath = {
PI : 3.141591,
square : function (num) {
return num * num;
},
half : function (num) {
return num / 2;
}
}
객체안에 함수를 만들어 사용하는 것이 메소드이고
실행은
myMath.square(3) // 9
myMath.half(4) // 2
이렇게 자바스크립트의 내장된 메소드처럼 사용하면 된다.
최근에 속기법이 생겼는데
const myMath = {
PI : 3.141591,
square(num) {
return num * num;
},
half(num) {
return num / 2;
}
}
생김새는 이렇다 훨씬 깔끔하다.
객체기 때문에 중간에 ,를 까먹으면 안된다.
반응형
'javascript' 카테고리의 다른 글
자바스크립트 화살표 함수 (0) | 2023.03.23 |
---|---|
자바스크립트 this (0) | 2023.03.22 |
자바스크립트 고차 함수와 반환 함수 (0) | 2023.03.20 |
자바스크립트 함수 범위와 표현식 (0) | 2023.03.19 |
자바스크립트 함수 (0) | 2023.03.17 |