whatisthis?

___ >> 실행 컨텍스트 + 호출스택 에 대해 포스팅 한 글을 먼저 참고하자. javaScript. 실행 컨텍스트 (Execution Context) 실행 컨텍스트 (Execution Context) 실행 컨텍스트(Execution Context)는 scope, hoisting, this, function, closure 등의 동작원리를 담고 있는 자바스크립트의 핵심원리이다. var name = 'zero'; // 전역변수.. mywebproject.tistory.com javaScript. 호출 스택 ___ >> 실행 컨텍스트에 대해 포스팅 한 글을 먼저 참고하자. javaScript. 실행 컨텍스트 (Execution Context) 실행 컨텍스트 (Execution Context) 실행 컨텍스트(..

___ >> 실행 컨텍스트에 대해 포스팅 한 글을 먼저 참고하자. javaScript. 실행 컨텍스트 (Execution Context) 실행 컨텍스트 (Execution Context) 실행 컨텍스트(Execution Context)는 scope, hoisting, this, function, closure 등의 동작원리를 담고 있는 자바스크립트의 핵심원리이다. var name = 'zero'; // 전역변수.. mywebproject.tistory.com ___ 실행 컨텍스트는 스택(Stack)과 비슷한 구조임을 알 수 있다. 여기서 스택(Stack)이란 쉽게 말해서, 후입선출(LIFO)라고 할 수 있다. (반대되는 개념으로는 큐(Queue) - 선입선출(FIFO) 가 있다.) [자료구조] 큐와 스택..

Stack LIFO (Last In First Out) Queue FIFO (First In First Out) 💡 스택(Stack) - 같은 구조와 크기의 자료를 정해진 방향으로만 쌓을 수 있음 - top으로 정한 곳을 통해서만 접근 가능 (위에서부터) - 새 데이터 삽입도 top을 통해서만 가능 = push - 삭제도 top을 통해서만 가능 = pop >> 비어있는 스택에서 추출시 : stack underflow 스택이 꽉 차서 넘칠시 : stack overflow >> 활용 분야 - 웹브라우저 방문기록 (가장 나중에 열린 페이지부터) - 역순 문자열 생성 - 뒤로가기 (undo) -> history.back() 💡 큐(Queue) - 줄을 서서 기다리는 것. 선입선출 (FIFO) - 한쪽 끝에서는 ..

___ >> Lexical scoping에 대해 포스팅 한 글을 먼저 참고하자. javaScript. 함수 스코프(scope) 자바스크립트에서 ECMAscript 5 이전에는 var로 선언한 변수로 데이터를 저장했었다. (ECMA5이후에는 const와 let이 등장하였다. 현재 var은 웬만해선 쓰지 X) var로 전역(global)변수를 만드는 것은 삼가야 mywebproject.tistory.com ___ 클로저(Closure) - 함수와 함수가 선언된 어휘적 환경의 조합 - 비공개 변수를 가질 수 있는 환경에 있는 함수 ** 비공개 변수란? 클로저 함수 내부에 생성한 함수도 아니고, 매개변수도 아닌 변수. var makeClosure = function() { var name = 'zero'; re..

javaScript. 실행 컨텍스트 (Execution Context) 실행 컨텍스트 (Execution Context) 실행 컨텍스트(Execution Context)는 scope, hoisting, this, function, closure 등의 동작원리를 담고 있는 자바스크립트의 핵심원리이다. var name = 'zero'; // 전역변수.. mywebproject.tistory.com 지난 포스팅에서 실행 컨텍스트(Execution Context)에 대해 알아보았다. 실행 컨텍스트와 정적스코프(Lexical Scoping)을 이해하면 '호이스팅'이 무엇인지 분석할 수 있다. Hoisting(호이스팅) - 변수를 선언하고 초기화했을 때 선언부분이 최상단으로 끌어올려지는 현상. - 함수 안에 있는 ..

함수 선언 방식 = 함수가 독립된 구문 형태로 존재. 함수 표현식 방식 = 함수가 표현식의 일부로 존재. 함수선언식 (function Declaration) - 지정된 매개변수(parameter)를 갖는 함수를 정의 SYNTAX function name([param[, param,[..., param]]]) { [statements] } 함수표현식 (function Expression) - 어떤 표현식(expression) 내에서 함수를 정의 - 함수를 생성하고 변수에 값을 할당하는 것처럼 함수가 변수에 할당 - 함수 = 값(value)이 되므로 함수를 값처럼 alert나 console.log해서 코드를 출력할 수 있음. SYNTAX var myFunction = function [name]([param..

실행 컨텍스트 (Execution Context) 실행 컨텍스트(Execution Context)는 scope, hoisting, this, function, closure 등의 동작원리를 담고 있는 자바스크립트의 핵심원리이다. var name = 'zero'; // 전역변수 function wow(word) { // word는 parameter console.log(word + ' ' + name); // } function say () { // var name = 'nero'; // 지역변수 name 선언 console.log(name); // 'nero' wow('hello'); // console.log('hello zero') } say(); // nero, hello zero - Lexical..

IIFE 즉시 실행 함수 표현(IIFE, Immediately Invoked Function Expression)은 선언하자마자 즉시 실행되는 Javascript Function 를 말한다. 다른 말로 모듈 패턴(Module Pattern)이라고도 함. SYNTAX (function () { statements })(); ( function() {} )(); 이는 Self-Executing Anonymous Function 으로 알려진 디자인 패턴이고 크게 두 부분으로 구성된다. 첫 번째는 괄호((), Grouping Operator)로 둘러싸인 익명함수(Anonymous Function)이다. 이는 전역 스코프에 불필요한 변수를 추가해서 오염시키는 것을 방지할 수 있을 뿐 아니라 IIFE 내부안으로 다..