자바스크립트 기본 문법 – 데이터 타입 – 객체 – 1 – 메서드와 프로퍼티

작성자 wooah

자바스크립트 기본 문법 – 데이터 타입 – 객체 – 1 – 메서드와 프로퍼티

메서드와 프로퍼티란?

자바스크립트에서 객체는 메서드와 프로퍼티로 구성됩니다. 메서드는 객체에서 수행할 수 있는 동작이며, 프로퍼티는 객체의 특징이나 속성을 의미합니다. 메서드와 프로퍼티를 살펴보면서 자세히 알아보겠습니다.

1. 메서드(Method)

메서드는 객체에서 수행하는 동작을 나타냅니다. 일반적으로 함수로 표현되며, 객체에 속해있기 때문에 해당 객체의 상태를 변경하거나 객체와 관련된 작업을 수행합니다. 예를 들어, 자동차 객체에는 \”시동 켜기\”라는 메서드가 있을 수 있습니다.

const car = {
  brand: \"BMW\",
  color: \"blue\",
  startEngine: function() {
    console.log(\"시동을 켭니다.\");
    // 시동 켜는 동작 수행
  }
};

car.startEngine(); // 시동을 켭니다.

위의 예시에서 startEngine은 car 객체의 메서드입니다. 해당 메서드를 호출하면 자동차의 시동을 켤 수 있습니다.

2. 프로퍼티(Property)

프로퍼티는 객체의 특징이나 속성을 나타내는 값입니다. 객체 내에서 변수처럼 사용되며, 해당 객체에 대한 정보를 저장하거나 가져올 수 있습니다. 예를 들어, 사람 객체에는 \”이름\”과 \”나이\”라는 프로퍼티가 있을 수 있습니다.

const person = {
  name: \"홍길동\",
  age: 25
};

console.log(person.name); // 홍길동
console.log(person.age);  // 25

위의 예시에서 name과 age는 person 객체의 프로퍼티입니다. 이를 통해 사람의 이름과 나이를 얻을 수 있습니다.

메서드와 프로퍼티의 활용

메서드와 프로퍼티는 객체를 다루는 데 매우 유용합니다. 메서드를 통해 객체의 동작을 호출하고, 프로퍼티를 통해 객체의 상태나 정보를 알 수 있습니다. 이를 이용하여 다양한 작업을 수행할 수 있습니다.

예를 들어, 계산기 객체를 생각해보겠습니다. 해당 객체는 숫자를 저장하고 더하거나 빼는 메서드를 가지고 있습니다.

const calculator = {
  result: 0,
  add: function(number) {
    this.result += number;
  },
  subtract: function(number) {
    this.result -= number;
  }
};

calculator.add(5);
calculator.subtract(3);

console.log(calculator.result); // 2

위의 예시에서 calculator 객체는 add와 subtract라는 메서드를 가지고 있습니다. 이를 통해 숫자를 더하고 빼서 계산 결과를 얻을 수 있습니다.

주의해야 할 점

  1. 메서드 내에서 this 키워드를 사용해야 해당 객체에 접근할 수 있습니다. this는 현재 실행 중인 객체를 참조합니다.
  2. 메서드와 프로퍼티는 객체 내부에 정의되어야 합니다. 다른 객체 내부나 전역에서 정의된 함수는 해당 객체의 메서드가 아닙니다.
  3. 프로퍼티와 메서드의 이름은 중복되어서는 안 됩니다. 객체 내에서 고유한 이름을 가져야 합니다.

자바스크립트에서 메서드와 프로퍼티를 올바르게 활용하면 객체를 효과적으로 다룰 수 있습니다. 객체의 상태를 변경하거나 정보를 가져오는 등 다양한 작업을 수행할 수 있으며, 이를 통해 원하는 기능을 구현할 수 있습니다. 따라서 메서드와 프로퍼티를 잘 이해하고 사용하는 것이 중요합니다.

답글 남기기