후니후니

#JavaScript, ES6 프로젝트를 하다보면, 가끔 예상하는 this의 값과 전혀 다른 값을 불러오는 경우가 있다. 예를 들면, window를 바라보게 this를 썼는데 특정 객체나 함수를 본다던가, 특정 객체나 함수를 바라보도록 this를 썼는데 window를 바라본다던가의 문제로 헤맬 때가 있었다. this를 어디서 부르는지의 차이도 있지만, 일반 함수와 화살표 함수의 this는 다르기 때문에 이를 정리하고자 한다. function func() { return console.log(this); } const obg = { text: "1234", testFunc: func, }; 우선 일반 함수를 작성해봤다. 이 상태에서 obg.testFunc() 을 실행하면 나오는 this는 어디일까? 위 코..

JavaScript 작동 원리가 어떻게 될까요? 매일 같이 JavaScript를 사용하고, 어느덧 코딩을 시작한지 1년이 다 되어가는데, 자바스크립트의 동작 원리를 스스로 잘 모르고 있었습니다. Front-end에서 빠질 수 없는 언어, JavaScript의 작동 원리를 알아보았습니다. JavaScript 는 싱글스레드 기반의 콜백 큐를 사용합니다. 따라서 한번에 한 작업만 실행할 수 있는 인터프리트 방식입니다. 자바스크립트 엔진 관련해서 사용되는 것들을 알아보겠습니다. Stack Queue Heap Event Loop Stack a(x, y) { return x + y; } b(x, x) { const sum = a(x, x); console.log(sum); } b(10,20); 위 코드를 실행했을 ..