프론트엔드

웹 브라우저가 스크립트를 해석하는 과정 외 JS 학습 내용

css, html, javascript, web

웹 브라우저가 스크립트를 해석하는 과정

  1. <!DOCTYPE html > 을 보고 이 문서가 html 문서임을 인식하여 html 표준에 맞춰서 해석 시작
  2. html 태그 사이의 순서와 포함관계 확인
    • head 태그 사이에 어떤 태그가 있는가?
    • body 태그 사이에 어떤 태그가 있는가?
    • 순서와 포함관계 확인.
  3. 태그분석 후 스타일 정보 분석
  4. script 태그를 만나면 웹브라우저 내부의 자바스크립트 해석기에 스크립트 소스를 넘김.
    자바스크립트 해석기는 script 사이의 소스를 해석함.
  5. 분석된 태그와 스타일 정보를 기준으로 웹 브라우저에 화면 표시
  6. 자바 스크립트가 해석될 액션이 있으면 자바 스크립트를 실행

C 계열 언어와 다른 비교 연산자

내가 배운 언어들과 다른 연산자. 기억 해 두자.

종류 설명
=== 값과 자료형이 모두 같을 때
!== 값이나 자료형 둘중에 하나가 다를 떄

함수 선언과 실행 순서

Javascript 는 선언과 호출에 순서 상관 없이 작성할 수 있음.

웹브라우저가 자바스크립트 소스 해석 시 함수 선언 부분을 먼저 하기 때문에
선언한 위치와 상관 없이 호출 할 수 있음.

선언을 먼저 하고 호출한 경우

1
2
3
4
5
6
7
/*선언*/
function a(){

}

/*호출*/
a();

호츌을 먼저 하고 선언을 한 경우

1
2
3
4
5
6
7
/*호출*/
a();

/*선언*/
function a(){

}

변수의 적용 스코프

종류 설명
지역변수 해당 함수 안에서만 사용 가능. 함수 안에서 var 예약어로 선언 해야 함.
전역변수 적용 범위 없이 사용 가능. 함수 밖에서 선언 할 때는 var 사용. 함수 내에서 사용할 경우 var 예약어 없이 사용.
호이스팅 “끌어올린다” 라는 의미. 변수가 호출되고 나중에 선언하더라도 끌어올려서 선언 된 변수로 처리.
함수 내에서 어디서든 선언할 수 있는 자유도가 생김.
공유하기