처음 JS를 공부할 때는 쉽게 인식되지 않는 개념 이지만, 오늘날의 많은 언어에서 사용하는 개념입니다. JS를 조금 알고난 다음, Object로 JS를 접근해야 이해가 잘 될것입니다.

JS Object는 window, document, location, history, navigator, fream, global-Object으로 크게 나뉩니다. 1.2버젼 에서는 NN과 IE의 Object가 조금씩 차이가 납니다. Layer를 예로 들 수 있습니다. JS는 위의 Object로 이루어지고 수행됩니다.

    newWin = window.open("new.htm", "망치", "width=300,height=300");  // (1)
    setTimeout("newWin.close()", 1000);
}

여기서 newWin은 새로운 창 Object의 생성자(instance) 입니다. 이름은 "망치"이고 크기는 300,300인 창입니다. 그러므로, 창이 가질 수 있는 모든 method, event, property를 가질 수 있습니다. 즉, newWin.name, newWin.width, newWin.focus(), .......등등

openNewWindow()는 function입니다. 지역변수(local variable), 전역변수(global variable)를 선언하고 지정할 수 있습니다. 지역변수는 function Object 안에서만 선언되고 사용할 수 있고, 지역변수는 선언시 앞에 "var "를 붙여야 합니다. 지역변수는 Object, Object property, 문자, 상수등 JS의 모든 구성요소를 가질 수 있고 자신을 선언한 function 안에서 만 작동할 수 있습니다.

Object에 Property를 추가하는 방식은 Object.변수입니다. this.변수에 JS를 지정하는 것은 자신이 속한 Object 계층에 자신의 Property를 하나 추가 하는것 입니다. 즉, Object의 일부분에 포함되고 지정된 것에 맞는 일을 브라우저에서 수행할 수 있습니다. 그리고, 이 Property에는 JS 모든 구성요소(Object, Property, 선언된 변수)를 지정할 수 있습니다.

for in문과 if(외부변수) alert("선언되고 TRUE 값을 가졌음");로 확인할 수 있습니다. 그러므로, JS의 구문으로 사용할 수 있습니다. 위의 주석 (1)줄의 newWin을 this.newWin으로 하여도 창을 닫을 수 있습니다. 여기서 this.newWin은 외부나 내부 변수가 아닙니다. Object Property입니다. 지정받은 Object에 맞는 작동을 합니다. 여기서 지역변수와 this.변수의 차이점은 둘 다 선언한 곳 안에서 사용되는 것은 같지만, this.변수는 JS Object 구성요소가 됩니다. 즉,

function someFunction() { this.A = "IamA"; this.B = "IamB"; var C = "IamC"; }
functionInstance = new someFunction();

으로 someFunction method를 선언하고 그 생성자(instance)로 functionInstance를 지정합니다. 이 functionInstance는 위의 주석 (1)의 newWin과 같은 형식입니다. newWin은 화일 new.htm을 가진 이름은 "망치"이고 300,300의 크기를 가진 Object Instance입니다.

functionInstance는 someFunction()의 instance입니다. 즉, Object 계층에서 Global Object로 쓰이는 function Instance입니다. function someFunction() { this.A = "IamA"; this.B = "IamB"; var C = "IamC"; } 로 someFunction()가 선언되어 있다면, functionInstance는 "IamA", "IamB"라는 문자열을 가지는 두 개의 Property, A, B를 가집니다. A, B는 Object 계층으로 연결되고 변수 = functionInstance.A(또는 B)로 다른 Object의 계층처럼 사용할 수 있습니다. 반면에, var C는 단순히 "IamC"를 메모리 STACK에 저장합니다. Object Property가 아닙니다.

self.외부변수는 window Object의 property로 지정됩니다. 외부변수는 function Object 내부와 외부에서 선언되고 사용할 수 있고, 지정받은 것이 Object라면 Object가 되고 Object property라면 Object property가 됩니다.

self.외부변수와 외부변수는 위의 this.변수, var 변수 와 사용방식이 같습니다.

창은 뜨는데, 닫지 못하고 실행 에러를 냅니다. Object 계층이 맞지 않기 때문입니다.
지역변수가 window Object의 bulit-in method, setTimeout()에서 close()를 호출했기 때문입니다.

내부변수 var newWin; newWin=open("file.htm", "winName"); newWin.close();는 원래 구문상으로는 작동을 해야합니다. 하지만, 아직까지 나온 NS, M$의 브라우저가 워낙 엉망이어서 잘 안될 수가 있습니다. 어떤 이벤트가 동시에 두개 이상 일어날 때는 setTimeout()로 시간간격을 줘야 합니다. 이 시간은 자기 브라우저와 PC에 따라서 가변적입니다. 창열고 닫기 뿐만 아니라 다른 많은 경우에도 비슷합니다. 이미지 바꾸기나 focus() 등등..