💬[알게된 점] JavaScript - Execute context

해당 블로그 글은 생활코딩 (egoing) 님의 JavaScript - Execute context 강좌를 보고 알게된 점을 정리한 글임을 미리 밝힙니다.

F12를 눌러 개발자도구를 열어보면 흔히 접근할 수 있는 개발자 콘솔창이 나온다.

본인의 경우 프로그래머스 디버깅에만 사용했던 것 같음

소스창에 위의 사진 2번째 줄 처럼 Pause를 걸어놓거나

function test() {}

const a = 1
debugger
console.log(a)

debugger 명령을 입력하여 개발자 모드 진입에 가능

왼쪽부터 순서대로 일시정지/다음 Pause까지 실행 (토글), 다음 라인 실행, 현재 줄 함수로 진입, 현재 함수 밖으로 벗어나기, 한 단계씩 진행 ( 함수가 있다면 들어가고 없다면 한줄 씩 진행 )

선언한 범위와 호출스택은 디버깅 되는 시점을 기준으로 표시되며, 디버깅이 되지 않고있는 경우 일시중지되지 않음 메시지가 표시된다.

let a = 1 // Script에 저장
const a = 1 // Script에 저장

a = 1 // Global에 저장
var a = 1 // Global에 저장

// 다만 var선언의 경우 함수 내에서 선언한다면 Local에 저장된다.