💜 JavaScript 💜

웹 브라우저에서 동작하는 유일한 프로그래밍 언어인 자바스크립트에 대해 간략하게 알아보자.

생활코딩 - 실행 컨텍스트

모든 선언이 코드의 선두로 끌어올려진 것처럼 동작하는 자바스크립트 고유의 특징

상위의 화면요소로 전달되는 버블링과 그 반대 방향인 캡처링에 대해 알아보자

자바스크립트에서 this는 자바와 달리 this에 바인딩되는 객체의 종류가 한 가지가 아니며, 해당 객체는 함수 호출 방식에 따라 달라지는 특성(동적)을 가지고 있다.

반환된 내부함수가 자신이 선언되었을 때의 환경(스코프)을 기억하여 해당 스코프 밖에서 이를 실행하였을때, 내부 변수를 참조할 수 있는 함수를 말한다.

콜백 함수라고 해서 특정한 문법을 가지고 있는 것은 아니며, 호출 방식에 의해 구분되는 함수이다.

콜백 지옥을 해결하기 위해 등장한 Promise에 대해 알아보자.

자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법인 async와 await를 알아보자.

Call Stack이 비어있고, Task Queue에 대기 중인 함수가 있다면 Event Loop가 FIFO 방식으로 Task Queue에 대기 중인 함수를 Call Stack으로 이동시키는 Event Loop

자바스크립트는 로 동작하는 정적 스코프의 특징을 가지고 있으며, 이와 관련해 만들어진 것이 closure이다 이에 대한 원리를 살펴보자 📍 예제 파일 fn1 () 의 지역 변수로 l1이 존재하고, 상위 스코프인 전역 컨텍스트에 l0가 존재하므로 이를 참조할

var는 global scope를 가지지만, let, const는 script scope를 가진다

변수로 정의된 함수가 다른 함수에 인자로 전달되어 전달된 함수 내에서 호출되는 함수를 지칭

then, catch 는 fetch에 대한 성공유무를 알려주는 존재이다

resolve -> then과 연결되며, reject -> catch와 연결된다

await는 반드시 async function 내부에서 호출해야 함을 주의하자

가장 늦게 끝나는 일을 먼저하거나 가장 빨리 끝나는 일만 가져오기

Prototype은 유전자이다.

prototype과 proto에 대해 알아보자