자바스크립트 기본 문법 – 객체 – 1 – 객체의 속성과 메서드

객체: 값과 동작을 포장한 캡슐

자바스크립트에서 객체는 값과 동작을 포장한 캡슐입니다. 객체는 여러 속성과 메서드로 구성되어 있으며, 이를 활용하여 데이터와 관련된 동작을 수행할 수 있습니다. 비유적으로 말하자면, 객체는 사람의 특징과 행동을 나타내는 것과 비슷합니다. 예를 들어, 사람 객체는 이름, 나이, 성별과 같은 속성을 갖고, 걷기, 말하기와 같은 메서드를 가질 수 있습니다.

객체의 속성: 값 저장하기

객체의 속성은 객체가 가지고 있는 값들을 저장하는 공간입니다. 속성은 “속성 이름”과 “속성 값”으로 구성됩니다. 자바스크립트에서는 속성 이름은 문자열로 표현하며, 속성 값은 어떤 데이터 타입이든 저장할 수 있습니다. 예를 들어, 사람 객체의 속성으로 ‘이름’, ‘나이’, ‘성별’을 가지고 있다면, 속성 이름은 문자열로 표현되고, 각 속성 값은 문자열, 숫자, 불리언 등 다양한 데이터 타입일 수 있습니다.

const person = {
  이름: '홍길동',
  나이: 30,
  성별: '남성'
};

위의 예시에서 person 객체는 ‘이름’, ‘나이’, ‘성별’ 속성을 가지고 있습니다. ‘이름’ 속성의 값은 ‘홍길동’이고, ‘나이’ 속성의 값은 30이며, ‘성별’ 속성의 값은 ‘남성’입니다.

객체의 메서드: 동작 수행하기

객체의 메서드는 객체가 수행할 수 있는 동작을 나타내는 함수입니다. 메서드는 객체의 속성 중 함수 형태인 것을 의미합니다. 메서드를 사용하여 객체에게 특정 동작을 수행하도록 할 수 있습니다. 예를 들어, 사람 객체에 ‘걷기’라는 메서드를 추가하여 사람이 걷는 동작을 수행하게 할 수 있습니다.

const person = {
  이름: '홍길동',
  나이: 30,
  성별: '남성',
  걷기: function() {
    console.log('뚜벅뚜벅');
  }
};

위의 예시에서 person 객체는 ‘걷기’ 메서드를 가지고 있습니다. 이 메서드는 console.log를 사용하여 ‘뚜벅뚜벅’이라는 메시지를 출력합니다.

person.걷기(); // 출력: 뚜벅뚜벅

객체의 속성과 메서드는 동일한 방식으로 접근할 수 있습니다. 위의 예시에서 person 객체의 ‘이름’ 속성에 접근하려면 person.이름과 같이 점 표기법을 사용합니다. 마찬가지로 ‘걷기’ 메서드에 접근하려면 person.걷기()와 같이 소괄호를 사용하여 호출합니다.

주의해야 할 점

1. 객체의 속성 이름은 유일해야 합니다. 동일한 이름의 속성을 중복해서 선언하면 마지막으로 선언한 속성 값이 유지됩니다.
2. 객체의 속성 값은 어떤 데이터 타입이든 저장할 수 있으며, 필요에 따라 동적으로 변경할 수 있습니다.
3. 객체의 메서드는 객체가 소유한 함수로, 소괄호를 사용하여 호출할 수 있습니다.
4. 메서드 내에서 객체의 속성에 접근할 때에는 this 키워드를 사용합니다. this는 현재 객체를 가리키는 참조입니다.

객체의 속성과 메서드는 자바스크립트에서 객체지향 프로그래밍의 핵심 개념 중 하나입니다. 객체를 효과적으로 활용하면 코드를 구조화하고 모듈화하여 유지보수성을 높일 수 있습니다. 기본적인 객체의 속성과 메서드에 대해 이해하고 응용할 수 있다면 자바스크립트 개발에서 많은 도움이 될 것입니다.