Execute context, closure, var VS let VS const
Execute context 출처: https://www.youtube.com/watch?v=QtOF0uMBy7k&list=WL&index=23 자바스크립트의 코드가 실행되는 원리인 execute context에 대한 수업입니다. 이 수업을 들으면 1. debugger의 고급 사용법을 익힐 수 있습니다. 2. 변수의 유효범위에 대해서 이해할 수 있습니다. 3. var, let, const의 차이점에 대해서 알 수 있습니다. 4. closure, hosting과 같은 주제에 대한 이해를 얻는 발판을 마련할 수 있습니다. 자료: https://gist.github.com/egoing/7e8bce3f04542e061629166be91598cc exmaple1 exmaple2 example3 Closure 출처..
[ES6] [Part1] arrowFunction, this, variable, hoisting, template/tagged literals, spread Operator, apply, call
🔖TAG 💡apply, 💡Arrow, 💡call, 💡hoisting, 💡setTimeout, 💡SPREAD, 💡tagged, 💡Var, 💡비동기, 💡전역변수 📗 Arrowfunction 은 function을 대체하는 신문법이 아님 var 오브젝트1 = { 함수 : function(){ console.log(this) } } 오브젝트1.함수() // 오브젝트1 출력 var 오브젝트2 = { 함수 : () => { console.log(this) } } 오브젝트2.함수() //window 출력 this값은 함수를 만나면 항상 변하는데 arrowfunction 안에서는 변하지 않고 밖에 있던 this를 그대로 쓴다 this & arrow function 연습문제 해설 버튼 변수 신문법 총정리 2. Hoisti..
var와 let 차이 이해하기
문제점: var를 사용할때 6이 6번 출력된다. for (var i = 0; i { console.log(i); }, 1000 * (i+1)); } // 6 6 6 6 6 6 출력 Q. 어째서 내가 원하는 0 1 2 3 4 5 가 출력되지 않는걸까? 변수는 scope라는 것을 가진다. var - 함수 스코프 let - 블럭 스코프 function b() { var a = 1; } console.log(a); // ReferenceError: a is not defined if (true) { var a = 1; } console.log(a); // 1 var는 함수 스코프라서 function b()를 벗어나면 값을 읽을 수 없다 if문은 함수가 아니기 ..