자바스크립트13 [Javascript] outerEnvironmentReference와 스코프(scope),스코프체인(scope chain) >[Javascript] environmentRecord와 호이스팅(Hoisting) [Javascript] environmentRecord와 호이스팅(Hoisting) >[Javascript] 실행 컨텍스트 [Javascript] 실행 컨텍스트(Execution Context) 실행 컨텍스트(Execution Context)란 함수를 실행할 때 필요한 조건, 환경정보를 담은 객체이다. 콜 스택(call stack)이란 현재 어떤 함수 luka-frontend.tistory.com outerEnvironmentReference란 현재 문맥의 관련 있는 외부 식별자 정보를 참조한다라고 보면 된다. 스코프(scope)란 스코프란 식별자에 대한 유효범위를 뜻한다. 어떤 경계 A의 외부에서 선언한 변수는 A.. 2023. 1. 17. [Javascript] environmentRecord와 호이스팅(Hoisting) >[Javascript] 실행 컨텍스트 [Javascript] 실행 컨텍스트(Execution Context) 실행 컨텍스트(Execution Context)란 함수를 실행할 때 필요한 조건, 환경정보를 담은 객체이다. 콜 스택(call stack)이란 현재 어떤 함수가 동작중인지, 다음에 어떤 함수가 호출될 예정인지 등을 제어 luka-frontend.tistory.com environmentRecord는 현재 문맥의 식별자 정보(이름, 함수선언, 변수명)가 수집된다. 실행 컨텍스트가 최초 실행될 때 가장 먼저 하는 일이다. 이것을 다른 말로 "호이스팅(Hoisting)"이라고 한다. 호이스팅(Hoisting)은 식별자 정보를 실행 컨텍스트의 맨 위로 끌어올린다. 아래 예시 코드를 참고하자. //호이스.. 2023. 1. 17. [Javascript] 실행 컨텍스트(Execution Context) 실행 컨텍스트(Execution Context)란 함수를 실행할 때 필요한 조건, 환경정보를 담은 객체이다. 콜 스택(call stack)이란 현재 어떤 함수가 동작중인지, 다음에 어떤 함수가 호출될 예정인지 등을 제어하는 자료구조이다. 이 콜 스택(call stack)에 실행 컨텍스트가 어떤 순서로 쌓이는지 아래 코드를 참고해 보자. var a = 1; // 전역 컨텍스트 function outer() { // outer 컨텍스트 console.log(a); // 3 function inner() { // inner 컨텍스트 console.log(a); // undefined var a = 3; } inner(); console.log(a); // 1 } outer(); console.log(a); /.. 2023. 1. 17. [Javascript] 요소 찾기 querySelector, querySelectorAll Document.querySelector()는 제공한 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 Element(요소)를 반환한다. 일치하는 요소가 없으면 null을 반환한다. querySelector 은 Element를 CSS방식으로 쉽게 검색할 수 있다. 기본 구문은 다음과 같다. document.querySelector(selectors); 사용 예시를 들기 위해 HTML을 작성해준다. 안녕하세요 luka라는 클래스 네임을 가진 div 태그를 지정해보려고 한다. const title = document.querySelector(".luka"); console.log(title); 코드를 실행해보면 알맞게 div태그를 잘 불러온 것을 볼 수 있다. 그렇다면 div태그 내부의 h1 태그를 불러.. 2022. 2. 26. 이전 1 2 3 4 다음
