literal에서의 this 가 왜 DOMWindow일까요?

완전히 이해하셨다는 것은 개념적인 이해이고, 암기적인 이해입니다. ㅋㅋㅋ 저도 첨삭을 하자면

자바스크립트는 실행 시점(Runtime Point) 가 굉장히 중요한 언어입니다. 우리는 브라우저에서 웹페이지가 로드되고 자바스크립트를 인터프리터에 의해서 해석되어지는데 이때 위에서 언급한 리터럴이라는 녀석은 ECMA 스펙에서 모두 동일하게 정의하고 있습니다.

모든 리터럴은 Constructor 를 수행는 절차를 갖는다. (이런 문장으로 정의 되어있는 것은 아닌 리터럴 부분을 보면 수행 절차중에 컨스트럭터를 호출하는 존재합니다.)

예를 들어

var a1 = {};
var a2 = {};
...
...
var a999999 = {};

모두 function Object() { [native code] } 라는 생성자를 호출하여 오브젝트 인스턴트로 만듭니다.

위의 내용을 전제하에 기재해주신 예시 var ltTest = { ... } 는 @boxersb 가 의미와 결과는 동일하나 저는 약간 다르게 설명해봅니다.

itTest 라는 { ... } 오브젝트가 생성되는 시점에서 var itTest = new Object({ ... }); 형태로 정의하신 { _itTest : this, init : function() { return this } } 는 function Object() { [native code } 의 인자로 전달되게 됩니다.

즉 var itTest = new Object( { _itTest : this, init : function() { return this; } } ); 와도 같게 됩니다. 즉 리터럴이 생성되는 시점에서의 this 의 Scope와 init 가 호출되어 this 를 리턴하는 시점은 다릅니다.

만약

var itTest = { _itTest : a, init : function() { return this; } } ); 

이 시점에서 a 라는 변수가 정의되지 않았다면 ReferenceError 이 발생하겠죠.

하지만

var a = 'frends';
var itTest = { _itTest : a, init : function() { return this; } } );

라고 되어있다면 이야기는 달라집니다.

기재해주신 코드를 명확히 이해하기 위해서는 Scope 의 개념도 중요하고 실행 시점을 명확히 이해하는 것도 중요합니다.

var test = this; 이 라인이 Global Scope 시점이기 때문에 this 는 Global 객체인 Object Window 를 가리킵니다. ltTest 객체의 _ltTest property 에 this 를 대입할때도 대입하는 시점 자체가 가리키는 this 는 Object WIndow 입니다. 2 - ltTest.init() 에서는 함수 내부에서의 컨텍스트를 따릅니다. init 함수 내부에서 가리키는 this 는 그 함수를 소유하고 있는 객체.. 즉 ltTest 가 됩니다..

따라서 test, ltTest._ltTest 와 init 내부에서의 this 는 다릅니다. :)

꼭 _ltTest 에 ltTest 를 할당하려면 객체 선언이 끝난 후에 할당해야 합니다.

var ltTest = {
    _ltTest : null,
    init : function(){
        return this;
    }
};
ltTest._ltTest = ltTest;

1. 변수의 생성시기를 착각하고 있는 것이예요. var ltTest statement가 JS 엔진에 의해 compile 될 때 _ltTest: this 의 this는 이미 window를 가지고 있어요.

2. this는 생성당시에 결정되는 것이 아니라, 호출 당시에 결정되지만 ltTest._ltTest는 함수호출이 아니라 속성 참조일뿐이예요.

아하~ 평션스코프!!