메서드(Method)

자바스크립트에서 객체는 속성과 메서드를 가질 수 있습니다. 메서드는 간단히 "객체의 함수"라고 생각하면 됩니다.

문자열을 다루는 여러 가지 메서드 예시(length, toUpperCase)를 살펴보겠습니다.

length, toUpperCase 메서드 예시
let name = 'banana';

// 문자열의 길이를 반환하는 메서드
console.log(name.length); // 6

// 문자열을 대문자로 변환하는 메서드
console.log(name.toUpperCase()); // BANANA

이러한 메서드는 기본 데이터 타입 뿐만 아니라 사용자 정의 객체에서도 정의할 수 있습니다.

2. 메서드와 함수의 차이:

함수:

함수는 독립적인 코드 블록입니다. 그것은 특정한 작업을 수행하는 코드의 집합입니다.
함수는 특정 객체에 묶여 있지 않습니다.

함수 예시
function greet() {
  console.log('안녕하세요!');
}
greet(); // 안녕하세요!

메서드:

메서드는 객체의 속성으로써의 함수입니다.
메서드는 해당 객체 내에서 호출되며, 종종 객체의 다른 속성들에 접근합니다.
객체 내부의 값을 사용하려면 this 키워드를 사용합니다. 여기서 this는 메서드가 속한 객체를 가리킵니다.

메서드 예시
const person = {
  name: 'John',
  greet: function () {
    console.log('안녕하세요, ' + this.name + '님!');
  },
};
person.greet(); // 안녕하세요, John님!

다음 내용이 궁금하다면?

코드프렌즈 PLUS 멤버십 가입 or 강의를 등록해 주세요!

함수:​

메서드:​

다음 내용이 궁금하다면?

함수:

메서드: