한 걸음씩
[JS] 'this' 키워드 본문
// 객체 생성
const person = {
name: "John",
age: 30,
greet: function() {
console.log(`Hello, my name is ${this.name}. I am ${this.age} years old.`);
}
};
// 객체의 메소드 호출
person.greet(); // 출력: Hello, my name is John. I am 30 years old.
《 변수명을 사용하지 않고 'this' 키워드를 사용하는 이유 》
① 변수명을 변경하더라도 'this'는 여전히 현재 실행 중인 객체를 참조하기 때문에 코드의 유연성과 확장성을 높일 수 있다
→ 만약 'this'가 아니라 변수명을 사용할 경우 변수명을 변경했을 때 참조한 모든 부분을 수정해야하기 때문이다.
② 객체 지향 프로그래밍의 개념 중 하나인 캡슐화를 지원하기 위해 'this' 키워드가 사용된다
→ 객체 내부에서 'this'를 사용하여 객체의 속성에 접근하는 것은 해당 객체의 내부 상태를 숨기고 외부에서는 인터페이스를 통해 상호작용하도록 하는 캡슐화의 개념과 일치한다.
'JS' 카테고리의 다른 글
[JS] Canvas 1 - making canvas (0) | 2023.06.30 |
---|---|
[JS] keydown, keyup, keypress (0) | 2023.06.20 |
[JS] do~while문, continue문 (0) | 2023.06.02 |
[JS] 호이스팅, 함수 레벨 스코프 & 블록 레벨 스코프 (0) | 2023.06.02 |
[JS] Random Color (0) | 2023.05.25 |