[JavaScript]전역객체 와 this 키워드

이 내용은 '생활코딩'에서 공부한 내용을 정리한 글이다. 

자세한 내용은 https://www.opentutorials.org/course/743 이곳에서 확인할 수 있다. 

모든 내용의 출처는 이곳이다. 다른 언어를 알고있는 상태로 공부한 내용이다.

 

 

모든 전역변수와 함수는 사실 window 객체의 프로퍼티다.

 

//모든 객체는 전역객체의 프로퍼티이다.
        //함수 앞에 '.'이 있고 그 앞에 객체(window등등)가 있고 '.'뒤의 속성임, 지금은 속성이 함수이다 이를 메소드
        function f() {
            document.write("Hello" + '<br />');
        }
        window.f();
        //함수 앞에 '.'이 있고 그 앞에 객체(window등등)가 있고 '.'뒤의 속성임, 지금은 속성이 함수이다 이를 메소드
        var o = {
            "f": function () {
                document.write("funtion in object" + '<br />');
            }
        }
        o.f();
        window.o.f();// 모두 window객체에 소속된 프로퍼티임을 알자, window를 생략하여 사용
        //자바 스크립트에서는 모든 객체가 전역객체의 프로퍼티임을 알수있다.

 

생성자를 통해 호출할때의 중요한점은 실행되기 전까지 객체는 변수에도 할당될 수 없다. -> this가 아니면 어떠한 작업도 할 수 없음을 생각하자.

 

var sum2 = new Function('x', 'y', 'return x + y;'); 
        // 함수 리터럴 이라함 -> 함수 객체를 만드는것  new를 사용해서 하는것을 리터럴이라 생각
        var num3 = new Array(1, 2, 3);
        document.write(sum2(1,2) + " " + num3 + '<br />');
        var O = {}
        var P = {}
        function F() {
            switch (this) {
                case O:
                    document.write('This is O' + '<br />');
                    break;
                case P:
                    document.write("This is P" + '<br />');
                case window:
                    document.write('Rhis is Window' + '<br />');
                    break;
            }
        }
        F();
        F.apply(O);
        F.apply(P);
        //F는 객체이므로 프로퍼티를 가진다, woindow객체
        //apply(표준 메서드)를 호출할때 인자는 함수 호출 컨텍스트임, 
        //저 함수에서 this의 값은 첫번째 인자로 받은 값이 된다.
        //2,3번쨰 함수호출은  O객체의 메소드가 되고 P객체의 메소드가 된다.

위의 예제 실행결과를 판별하고 this가 어떤 객체를 가지게 되는지 이해한다면 this를 이해한것이다.