this 키워드 이해하기

Coddy JavaScript 여정의 객체 지향 프로그래밍 섹션에 포함된 레슨 — 56개 중 3번째.

JavaScript의 this 키워드는 현재 코드를 실행 중인 객체를 가리킵니다. 이를 통해 현재 객체의 속성과 메서드에 접근할 수 있습니다.

기본적인 객체부터 시작해 보겠습니다:

let person = {
  name: "John",
  age: 30,
  greet: function() {
    console.log("Hello, my name is " + this.name);
  }
};

이 예제에서 greet 메서드를 호출할 때:

person.greet();

출력 결과는 다음과 같습니다:

Hello, my name is John

여기서 greet 메서드 내부의 this.name은 person 객체의 name 속성을 참조합니다.

챌린지

this 키워드를 사용하여 플레이어의 이름과 체력을 포함하는 문자열을 반환하는 getStatus라는 메서드를 player 객체에 추가하세요.

예상 출력 형식:
"Knight has 70 health"

치트 시트

this 키워드는 현재 코드를 실행 중인 객체를 가리키며, 이를 통해 해당 객체의 속성과 메서드에 접근할 수 있습니다.

객체 메서드에서 this를 사용하는 예시입니다:

let person = {
  name: "John",
  age: 30,
  greet: function() {
    console.log("Hello, my name is " + this.name);
  }
};

person.greet(); // 출력: Hello, my name is John

메서드 내부에서 this.name은 person 객체의 name 속성을 가리킵니다.

직접 해보기

const player = {
    name: "Knight",
    health: 100,
    
    takeDamage: function(damage) {
        this.health -= damage;
    },
    
    // TODO: 플레이어의 이름과 체력을 포함한 문자열을 반환하는 getStatus 메서드를 여기에 추가하세요

};


// 테스트
player.takeDamage(30);
console.log(player.getStatus()); // 출력 결과: "Knight has 70 health"