객체 외부 변수의 이름과 객체 내부 키 값의 이름이 같을 때,
객체 내부 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를 사용할 경우 객체 내부의 키 값이 호출됩니다.
'웹개발자공부 > Javascript' 카테고리의 다른 글
| Javascript - Set객체 배열로 변환하기 (0) | 2023.02.08 |
|---|---|
| Javascript - Logical AND (&&), Logical OR (||)의 정의 및 사용 예시 (0) | 2022.12.29 |
| Javascript - 동기와 비동기, 콜백함수, Promise, Async와 Await 개념 정리 (0) | 2022.12.16 |
| Javascript - Nullish coalescing operator(??)의 정의 및 사용 예시 (0) | 2022.12.16 |
| Javascript - Optional chaining (?.)의 정의 및 사용 예시 (0) | 2022.12.16 |