무우너의 먹물 기록

다음의 코드가 실행되며 출력되는 내용은? (Jason이 제작한 퀴즈를 들고 왔습니다..) https://jason-log.vercel.app/JavaScript/this%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80./ this란 무엇인가. 자바스크립트에서 가장 어려운 개념을 뽑으라고 한다면 저는 와 실행컨텍스트를 선택할 것같은데요. 이번 post에서는 의 개념에 대해 알아보도록 해요. 상황에 따라 달라지는 this 자바스크립트 jason-log.vercel.app var str = 'React'; function outer() { console.log(str) console.log(this) function inner(){ console.log(str) console..

콜백 함수 콜백 함수란? 다른 코드(함수 || 메서드)의 인자로 넘겨주는 함수 제어권도 함게 위임함 제어권 호출 시점 setInterval scope : Window 객체 || Worker의 인스턴스 브라우저 환경에서는 window를 생략해서 함수처럼 사용 가능 세번째 매개변수 선택적 func 함수를 실행할 때 매개변수로 전달할 인자 어떠한 값도 리턴하지 않음 고유한 ID값 반환 ⇒ clearInterval(중간 종료)를 위해 var count = 0; var cbFunc = function() { console.log(count); if(++count > 4) clearInterval(timer); }; var timer = setInterval(cbFunc, 300); //실행 결과 //0 (0.3초..

상황에 따라 달라지는 this 전역 공간에서의 this 전역 객체를 가리킴 브라우저 환경 : window Node.js 환경 : global 자바스크립트의 모든 변수는 특정 객체의 프로퍼티로 동작 특정 객체 : 실행 컨텍스트의 L.E(LexicalEnvironment) var a = 1; window.b = 2; console.log(a, window.a, this.a); //1 1 1 console.log(b, window.b, this.b); //1 1 1 삭제의 경우 전역 변수로 선언 시 해당 프로퍼티의 configurable 속성 (변경 및 삭제 가능성)을 false로 정의함 : 처음부터 전역 객체의 프로퍼티로 할당한 경우 삭제 O(전역 변수로 선언시 삭제 X) var a = 1; delete w..

실행 컨텍스트 : 실행할 코드에 제공할 환경 정보들을 모아 놓은 객체 호이스팅 외부 환경 정보 구성 this값 설정 실행컨텍스트란? 스택 : LIFO(Last In First Out) 큐 : FIFO(First In First Out) 콜 스택 동일한 환경에 있는 코드들을 실행할 때 필요한 환경 정보들을 모아 컨텍스트 구성해 쌓아 올림 (동일한 환경 : 전역 공간, eval() 함수, 함수) 가장 위에 쌓여 있는 컨텍스트와 관련 있는 코드들을 실행하는 식으로 전체 코드의 환경과 순서 보장 실행 컨텍스트 실행 순서(3) 전역 컨텍스트 > outer -inner 함수 내부 a변수에 3 할당 () 전역 컨텍스트 > outer a 값 출력(undefined) () 전역 컨텍스트 a 값 출력(1) (2) 전역 컨..