자바스크립트는 무엇으로 파싱되나요?-프런트엔드 Q&A-php.cn

Javascript는 브라우저에서 동적으로 구문 분석하고 실행할 수 있는 해석된 스크립트 언어입니다. JavaScript 자체는 브라우저에서 직접 인식할 수 있으며 JavaScript 엔진이라고 하며 브라우저의 기본 부분입니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

Javascript는 Java나 C#과 같은 컴파일된 언어와는 달리 브라우저에서 인식할 수 있는 언어로 컴파일할 필요가 없으며 동적으로 구문 분석되어 실행됩니다. 브라우저. (브라우저 자체가 직접 인식할 수 있습니다. JavaScript 인터프리터는 JavaScript 엔진이라고 하며 브라우저의 기본 부분입니다.)

다음에서는 JavaScript 파싱 프로세스를 소개합니다. JavaScript의 구문 분석 프로세스를 이해하려면 먼저 몇 가지 개념을 이해해야 합니다.

1. 코드 블록

JavaScript의 코드 블록은 태그로 구분된 코드 세그먼트를 나타냅니다.

console.log("这是代码块一");

console.log("这是代码块二"); 로그인 후 복사 JS는 코드 블록에 따라 컴파일되고 실행됩니다. 코드 블록은 서로 독립적이지만 변수와 메서드는 공유됩니다.

console.log(str); //因为没有定义str，所以浏览器会出错，下面的不能运行 console.log("我是代码块一"); //没有运行到这里 var test = "我是代码块一变量";

console.log("我是代码块二"); //这里有运行到 console.log(test); //输出undefined，因为第一个代码块执行第一行代码的时候游览器报错，代码块中第一行下面的所有代码都没有执行。故test的定义了，但没有赋值。（为什么test定义了却没有赋值，因为变量申明的提升） 로그인 후 복사 위 코드에서는 코드 블록 1에서 실행 시 오류가 보고되지만 코드 블록 2의 실행에는 영향을 미치지 않습니다. 이는 코드 블록 간의 독립성이며 코드에서 변수를 호출할 수 있습니다. 블록 2, 공유성

2. 선언적 함수와 할당 함수

function Fn(){ //声明式函数 console.log('我是声明式函数'); } var Fn = function{ //赋值式函数 console.log('我是赋值式函数'); } 로그인 후 복사 JS의 사전 컴파일 기간에는 선언적 함수가 먼저 추출한 다음 js 코드를 순차적으로 실행합니다.

사전 컴파일 기간 및 실행 기간:

실제로 JS 파싱 프로세스는 사전 컴파일 기간(전처리)과 실행 기간의 두 단계로 나뉩니다.

사전 컴파일 기간 동안 JS는 이 코드 블록에서 선언된 모든 변수와 함수를 처리하지만 이때는 선언적 함수만 처리되며 변수는 선언만 되고 초기화되거나 할당되지는 않는다는 점에 유의해야 합니다.

Fn(); //执行结果："执行了函数2",同名函数后者会覆盖前者 function Fn(){ //函数1 console.log("执行了函数1"); } function Fn(){ //函数2 console.log("执行了函数2"); } 로그인 후 복사 Fn(); //执行结果："执行了声明式函数",在预编译期声明函数及被处理了，所以即使Fn()调用函数放在声明函数前也能执行。 function Fn(){ //声明式函数 console.log("执行了声明式函数"); } var Fn = function(){ //赋值式函数 console.log("执行了赋值式函数"); } 로그인 후 복사 //代码块一 console.log(str);//浏览器报错,但并没有输出信息

//代码块二 console.log(str);//控制台输出"undefined" var str = "aaa";

//js在预处理期对变量进行了声明处理,但是并没有进行初始化与赋值，所以导致代码块二中的变量是unfiened的，而代码一中的变量是完全不存在的，所以浏览器报错。 로그인 후 복사 다음 예를 살펴보겠습니다

Fn(); //浏览器报错:"undefined"

function Fn(){ //函数1 console.log("执行了函数1"); } 로그인 후 복사 ????

자바스크립트 엔진은 코드 블록에 따라 전처리하고 실행하기 때문에 전처리되는 것은 실행된 코드 블록의 명령문만 된다는 뜻입니다. 아직 로드되지 않은 코드 블록에 대해서는 변수를 전처리할 수 없습니다. 이는 컴파일 시 처리의 핵심이기도 합니다.

요약:

1단계. 첫 번째 코드 블록을 읽습니다.

2단계. 오류가 있으면 구문 오류(예: 대괄호 불일치 등)가 보고되고 5단계로 이동합니다. 예, 3단계로 이동합니다.

3단계. var 변수 및 함수 정의에 대해 "컴파일 전 처리"를 수행합니다(올바른 선언만 구문 분석되므로 오류가 보고되지 않습니다).

4단계. 코드 세그먼트를 실행하고 오류가 있으면 오류를 보고합니다(예: 변수가 정의되지 않음).

5단계. 다른 코드 세그먼트가 있으면 다음 코드 세그먼트를 읽고 2단계를 반복하세요.

6단계. 끝.

【관련 권장 사항: javascript 학습 튜토리얼 】