웹개발자공부/Javascript
Javascript - this 사용 유무에 따른 변수 호출 결과 차이 확인
박더그
2022. 12. 28. 21:30
객체 외부 변수의 이름과 객체 내부 키 값의 이름이 같을 때,
객체 내부 method를 통해 해당 값을 호출 할 경우 어떤 결과가 발생할까요?
하기 소스코드를 실행하여 알아봅시다.
- 소스코드 -
|
1
2
3
4
5
6
7
8
9
10
11
|
//name이란 변수에 '박돌돌'이라는 텍스트를 할당
const name = '박돌돌';
const apple = {
//객체의 키값으로도 name을 할당
name: 'apple',
display: function () {
//this 사용 유무에 따른 변수 호출 결과 차이 확인
console.log(`${this.name}`);
console.log(`${name}`);
},
};
|
cs |
- 결과 -
this를 사용하지 않을 경우 객체 외부의 변수가 호출되고,
this를 사용할 경우 객체 내부의 키 값이 호출됩니다.