카테고리 없음

javascript method

funfunweb 2024. 10. 18. 17:16

JavaScript에서 메서드(method)는 객체 내에 정의된 함수입니다. 메서드는 특정 객체와 관련되어 있으며, 해당 객체의 속성이나 다른 메서드에 접근할 수 있습니다. 메서드는 일반 함수와 비슷하게 정의되지만, 객체의 일부로 존재하기 때문에 그 객체의 상태를 변경하거나 그 객체의 데이터를 조작하는 데 주로 사용됩니다.

 

예시:

 

const car = {
  brand: "Hyundai",
  getBrand: function() {
    return this.brand; // this는 car 객체를 가리킴
  }
};

console.log(car.getBrand()); // "Hyundai" 출력

 

주요 특징:

  1. 속성과 결합: 메서드는 객체의 속성과 함께 사용되어 객체의 동작을 정의합니다
  2. this 키워드 사용: 메서드 내에서 this는 해당 메서드를 호출한 객체를 참조합니다
  3. 객체 지향 프로그래밍: 메서드는 객체 지향 프로그래밍의 기본 요소로, 객체의 동작을 정의하고 데이터와 행동을 결합하는 데 도움을 줍니다

객체 조작 예제

// 자동차 객체 생성
const car = {
  brand: "현대",   // 자동차 브랜드
  model: "아반떼", // 자동차 모델
  year: 2022,     // 제조 연도
  displayInfo: function() { // 자동차 정보를 출력하는 메서드
    return `${this.year}${this.brand} ${this.model}`; // this를 사용하여 객체 속성에 접근
  }
};

// 자동차 정보 출력
console.log(car.displayInfo()); // "2022년 현대 아반떼" 출력

// 새로운 속성 추가
car.color = "빨강"; // 색상 속성 추가

// 객체의 속성 변경
car.year = 2023; // 제조 연도 변경

// 속성 삭제
delete car.model; // 모델 속성 삭제

// 변경된 객체 정보 출력
console.log(car); // { brand: '현대', year: 2023, displayInfo: [Function: displayInfo], color: '빨강' }

 

위 예시에서는 자동차 객체를 생성하고, 정보를 출력하는 메서드를 정의했습니다. 이후 새로운 속성을 추가하고, 기존 속성을 변경 및 삭제하는 과정을 보여줍니다.