Wodurch wird Javascript analysiert?-Front-End-Fragen und Antworten-php.cn

Javascript ist eine interpretierte Skriptsprache, die vom Browser dynamisch analysiert und ausgeführt werden kann. JavaScript selbst kann vom Browser direkt erkannt werden. Der JavaScript-Interpreter wird als JavaScript-Engine bezeichnet und ist ein Standardbestandteil des Browsers.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Javascript ist eine interpretierte Skriptsprache. Sie unterscheidet sich von kompilierten Sprachen wie Java oder C#. Sie muss nicht in eine Sprache kompiliert werden, die vom Browser erkannt werden kann, sondern dynamisch analysiert und ausgeführt werden Der Browser. (Der Browser selbst kann es direkt erkennen. Der JavaScript-Interpreter wird als JavaScript-Engine bezeichnet und ist ein Standardbestandteil des Browsers.)

Im Folgenden wird Ihnen der JavaScript-Analyseprozess vorgestellt. Um den Parsing-Prozess von JavaScript zu verstehen, müssen Sie zunächst einige Konzepte verstehen.

1. Codeblock

Der Codeblock in JavaScript bezieht sich auf das durch das

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

console.log("这是代码块二"); Nach dem Login kopieren JS wird nach Codeblöcken kompiliert und ausgeführt. Die Codeblöcke sind unabhängig voneinander, aber Variablen und Methoden werden gemeinsam genutzt.

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

console.log("我是代码块二"); //这里有运行到 console.log(test); //输出undefined，因为第一个代码块执行第一行代码的时候游览器报错，代码块中第一行下面的所有代码都没有执行。故test的定义了，但没有赋值。（为什么test定义了却没有赋值，因为变量申明的提升） Nach dem Login kopieren Im obigen Code wird beim Ausführen in Codeblock eins ein Fehler gemeldet, der sich jedoch nicht auf die Ausführung von Codeblock zwei auswirkt. Dies ist die Unabhängigkeit zwischen Codeblöcken. Und die Variablen im Code eins können im Code aufgerufen werden Block zwei, nämlich die Unabhängigkeit zwischen Blöcken. 2. Deklarative Funktionen und Zuweisungsfunktionen Zuerst wird der JS-Code extrahiert und dann der Reihe nach ausgeführt.

Vorkompilierungszeitraum und Ausführungszeitraum:

Tatsächlich ist der JS-Analyseprozess in zwei Phasen unterteilt: Vorkompilierungszeitraum (Vorverarbeitung) und Ausführungszeitraum.

Während der Vorkompilierungsphase verarbeitet JS alle deklarierten Variablen und Funktionen in diesem Codeblock. Es ist jedoch zu beachten, dass zu diesem Zeitpunkt nur deklarative Funktionen verarbeitet werden und die Variablen nur deklariert, aber nicht initialisiert oder zugewiesen werden. function Fn(){ //声明式函数 console.log('我是声明式函数'); } var Fn = function{ //赋值式函数 console.log('我是赋值式函数'); } Nach dem Login kopieren Fn(); //执行结果："执行了函数2",同名函数后者会覆盖前者 function Fn(){ //函数1 console.log("执行了函数1"); } function Fn(){ //函数2 console.log("执行了函数2"); } Nach dem Login kopieren Fn(); //执行结果："执行了声明式函数",在预编译期声明函数及被处理了，所以即使Fn()调用函数放在声明函数前也能执行。 function Fn(){ //声明式函数 console.log("执行了声明式函数"); } var Fn = function(){ //赋值式函数 console.log("执行了赋值式函数"); } Nach dem Login kopieren Schauen wir uns das folgende Beispiel an //代码块一 console.log(str);//浏览器报错,但并没有输出信息

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

//js在预处理期对变量进行了声明处理,但是并没有进行初始化与赋值，所以导致代码块二中的变量是unfiened的，而代码一中的变量是完全不存在的，所以浏览器报错。 Nach dem Login kopieren ????

Da die JavaScript-Engine gemäß Codeblöcken vorverarbeitet und ausführt, bedeutet dies, dass nur die Anweisung des ausgeführten Codeblocks vorverarbeitet wird. Funktionen und Variablen können für noch nicht geladene Codeblöcke nicht vorverarbeitet werden. Dies ist auch der Kern der Verarbeitung beim Kompilieren.

Zusammenfassung:

Schritt 1. Lesen Sie den ersten Codeblock.

Schritt 2. Wenn ein Fehler auftritt, wird ein Syntaxfehler gemeldet (z. B. nicht übereinstimmende Klammern usw.) und mit Schritt 5 fortfahren. Schritt 3. Führen Sie eine „Vorkompilierungsverarbeitung“ für var-Variablen- und Funktionsdefinitionen durch (es werden niemals Fehler gemeldet, da nur korrekte Deklarationen analysiert werden). Schritt 4. Führen Sie das Codesegment aus und melden Sie einen Fehler, wenn ein Fehler vorliegt (z. B. wenn die Variable undefiniert ist).

Schritt 5. Wenn es ein weiteres Codesegment gibt, lesen Sie das nächste Codesegment und wiederholen Sie Schritt 2.

Schritt 6. Ende.

【Verwandte Empfehlungen:

Javascript-Lern-Tutorial

】

PHP8, ich komme auch

Lernen Sie das Website-Layout in 30 Minuten

Shangguan Oracle Video-Tutorial für Anfänger bis Fortgeschrittene

Ihre erste Zeile UNI-APP-Code

Flattern Sie von Grund auf bis zum App-Start

Brother Lian Neues Linux-Video-Tutorial

AXURE 9 Video-Tutorial (geeignet für die interaktive Produktdesign-Benutzeroberfläche von Product Manager)

Zero Basic Proficiency PS-Video-Tutorial

16-tägiges UI-Video-Tutorial für den Einstieg

PS-Techniken und Slicing-Techniken-Video-Tutorial

Video-Tutorial zum Bau und zur Projekteinführung der Alibaba Cloud-Umgebung

Überblick über Computernetzwerke – Grundkenntnisse, die Programmierer beherrschen müssen

Grundlegendes Tutorial für Programmierer – Erklärung des HTTP-Protokolls

Websocket-Video-Tutorial

Wodurch wird Javascript analysiert?