인프런 커뮤니티 질문&답변

강사님 안녕하세요

https://inf.run/iURH
지난번 질문도 다시 확인해봤는데, 이해가 어려워서 가르쳐주시면 감사하겠습니다

아래의 소스코드의 1행에서 var를 붙였을 때와 안붙였을 때, 출력결과가 달라져서 질문드리고 싶습니다
소스코드는 맨 아래에 첨부했습니다
1번째 질문부터 3번째 질문까지 1행의 name1 변수 앞에 var 붙이고 안붙이고 let 붙이고 차이입니다

1번째로 드리고 싶은 질문은,
아래의 이미지처럼

1행의 name1 앞에 var를 붙였을 때

this.name1이 undefined로 나타나는 이유를 질문드리고 싶습니다.

this가 global 이므로, 1행의 name1이 출력될 줄 알았는데 아니어서 질문드리고 싶습니다.

 

2번째로 드리고 싶은 질문입니다.

이번에는 1행에서 var를 지웠습니다

this는 global 이어서 this.name1의 출력결과가 name1으로 나올 것 같았습니다
그런데 왜 이번에는 this.name1의 출력결과가 name1이 아닌 aaa로 나오는지 질문드리고 싶습니다

 

3번째로 드리고 싶은 질문입니다

이번에는 1행에 let을 붙였습니다

여기서 global.name1 이 왜 undefined 로 나오는지 이해가 어려워서 질문드리고 싶습니다

 

 

4번째로 드리고 싶은 질문은

global과 module.exports 중 어느 것이 더 상위 객체인지 질문드리고 싶습니다

 

너무 긴 질문을 읽어주셔서 감사합니다

아래는 소스코드입니다

let name1 = 'name1';
 const objectA = {
     name1: 'objectA.name1',
     getname: function(){
        name1 = "aaa";
         const name2 = 'name2';
         console.log(`this.name1: ${this.name1}`);
         function fullname() {
             // this: global
             console.log(`>> name1:${name1}, name2:${name2}, this.name1:${this.name1}, this.name2:${this.name2}, this${this}`);
             return `>>>> objectA.name1 + name2: ${objectA.name1} ${name2}`;
         };
         return fullname();
     },
}
 
console.log(objectA.getname());