this 3

4. 콜백 함수 - this 바인딩

this - 제어권을 넘겨받을 코드에서 콜백 함수에 별도로 this가 될 대상을 지정한 경우에는 그 대상을 참조 - call, apply //setTimeout 은 내부에서 콜백 함수를 호출할 때, //call 메서드의 첫번째 인자에 전역객체를 넘긴다. //따라서 콜백 함수 내부에서의 this가 전역객체를 가리킨다. setTimeout(function () { console.log(this);},300); //global //forEach도 마찬가지로 콜백 뒷 부분에 this를 명시해주지 않으면 //전역객체를 넘긴다. 만약 명시한다면 해당 객체를 넘긴다. [1,2,3,4].forEach(function(x) { console.log(this); //global }); //만약 아래와같이 {x:1}처럼 명..

JavaScript/4주차 2023.05.25

11. this 우회방법, 콜백 함수 this, 생성자 함수 this

1. 우회하는 방법 - 1. 변수를 활용하는 방법 내부 스코프에 이미 존재하는 this를 별도의 변수에 할당하는 방법. 예시코드 var obj1 = { outer: function () { console.log(this); //(1) outer //AS-IS (기존) var innerFunc1 = function() { console.log(this); // (2) 전역객체 }; innerFunc1(); //TO-BE (이후) //흐름을 유지하는 this를 찍는것같은 //효과가 있다. var self = this; var innerFunc2 = function () { console.log(self); // (3) outer }; innerFunc2(); } }; //메서드 호출 부분 obj1.outer..

JavaScript/3주차 2023.05.24

10. this (전역공간 this, 함수 this, 메서드 this)

1.this(정의, 활용방법, 바인딩, call, apply, bind) - 다른 객체지향 언어에서의 this는 클레스로 생성한 인스턴스 - JS에서는 this가 어디에서나 사용될 수 있음 1. 상황에 따라 달라지는 this 우리가 하고있는것은 실행 컨텍스트임을 잊지 말자. ✔ VE ✔ LE ✔ ThisBindings - 1. this는 실행 컨텍스트가 생성될 때 결정됨. 즉, this는 함수를 호출할 때 결정된다. - a. 전역공간에서의 this - 1. 전역 공간에서 this는 전역 객체를 가리킨다. - 2. 런타임 환경에 따라 this는 window(브라우저 환경) 또는 global(node 환) 를 각각 가리킨다. 우선 확인해보자. - 브라우저에서는 아래와 같이 확인할 수 있다. 검색창에 cons..

JavaScript/3주차 2023.05.24