Par quoi javascript est-il analysé ?-Questions et réponses frontales-php.cn

Javascript est un langage de script interprété qui peut être analysé et exécuté dynamiquement par le navigateur. JavaScript lui-même peut être directement reconnu par le navigateur. L'interpréteur JavaScript est appelé moteur JavaScript et fait partie par défaut du navigateur.

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

JavaScript est un langage de script interprété. Il est différent des langages compiléstels que Java ou C#. Il n'a pas besoin d'être compilé dans un langage reconnu par le navigateur, mais est analysé et exécuté dynamiquement. par le navigateur. (Le navigateur lui-même peut le reconnaître directement. L'interpréteur JavaScript est appelé moteur JavaScript et fait partie par défaut du navigateur)

Laissez-moi vous présenter le processus d'analyse de JavaScript. Pour comprendre le processus d'analyse de JavaScript, comprenez d'abord quelques concepts.

1. Bloc de code

Le bloc de code en JavaScript fait référence au segment de code séparé par la balise

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

console.log("这是代码块二"); Copier après la connexion JS est compilé et exécuté selon des blocs de code. Les blocs de code sont indépendants les uns des autres, mais les variables et méthodes sont partagées.

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

console.log("我是代码块二"); //这里有运行到 console.log(test); //输出undefined，因为第一个代码块执行第一行代码的时候游览器报错，代码块中第一行下面的所有代码都没有执行。故test的定义了，但没有赋值。（为什么test定义了却没有赋值，因为变量申明的提升） Copier après la connexion Dans le code ci-dessus, une erreur est signalée lors de l'exécution dans le bloc de code un, mais cela n'affecte pas l'exécution du bloc de code deux. Il s'agit de l'indépendance entre les blocs de code, et le bloc de code deux peut appeler le. variables dans le code un. C'est le partage entre les blocs

2 Fonctions déclaratives et fonctions d'affectation

function Fn(){ //声明式函数 console.log('我是声明式函数'); } var Fn = function{ //赋值式函数 console.log('我是赋值式函数'); } Copier après la connexion La différence entre les fonctions déclaratives et les fonctions d'affectation. est : Pendant la période de pré-compilation de JS, les fonctions déclaratives seront d'abord extraites, puis le code js sera exécuté dans l'ordre.

Période de pré-compilation et période d'exécution :

En fait, le processus d'analyse JS est divisé en deux étapes : période de pré-compilation ( prétraitement) et période d’exécution.

Pendant la période de pré-compilation, JS traitera toutes les variables et fonctions déclarées dans ce bloc de code, mais il convient de noter que seules les fonctions déclaratives sont traitées à ce moment, et les variables sont uniquement déclarées mais non traitées . Initialisation et affectation.

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

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

//js在预处理期对变量进行了声明处理,但是并没有进行初始化与赋值，所以导致代码块二中的变量是unfiened的，而代码一中的变量是完全不存在的，所以浏览器报错。 Copier après la connexion Jetons un coup d'œil à l'exemple suivant

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

function Fn(){ //函数1 console.log("执行了函数1"); } Copier après la connexion ????

Parce que le moteur JavaScript prétraite et s'exécute en fonction des blocs de code, en d'autres termes , seules les fonctions et variables déclarées du bloc de code exécuté sont prétraitées, et les blocs de code qui n'ont pas encore été chargés ne peuvent pas être prétraités. C'est également le cœur du traitement lors de la compilation.

Résumé :

Étape 1. Lisez le premier bloc de code.

Étape 2. Effectuez une analyse syntaxique. S'il y a une erreur, une erreur de syntaxe sera signalée (comme des crochets incompatibles, etc.) et passez à l'étape 5. Oui, passez à l'étape 3.

Étape 3. Effectuez un "traitement de pré-compilation" sur les définitions de variables et de fonctions var (aucune erreur ne sera jamais signalée, car seules les déclarations correctes sont analysées).

Étape 4. Exécutez le segment de code et signalez une erreur s'il y a une erreur (par exemple, la variable n'est pas définie).

Étape 5. S'il y a un autre segment de code, lisez le segment de code suivant et répétez l'étape 2.

Étape 6. Fin.

[Recommandations associées : Tutoriel d'apprentissage javascript ]