Maison >interface Web >Questions et réponses frontales >Sur quel support javascript s'appuie-t-il ?
javascript repose sur la prise en charge du moteur javascript sous-jacent. JavaScript s'exécute dans le navigateur et s'appuie principalement sur le moteur JS du navigateur pour interpréter et exécuter le code JS ; le moteur JavaScript est une machine virtuelle spécialisée dans le traitement des scripts JavaScript et est généralement incluse avec les navigateurs Web pour interpréter et exécuter des scripts JS.
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.
Javascript s'appuie sur le support du moteur js sous-jacent.
Javascript s'exécute dans le navigateur et s'appuie principalement sur le moteur js du navigateur pour interpréter et exécuter le code js. D'autres logiciels dotés d'un moteur js peuvent également exécuter js, mais généralement js est étroitement lié aux pages Web, il est donc généralement exécuté dans le navigateur.
moteur javascript
Le moteur JavaScript est une machine virtuelle spécialisée dans le traitement des scripts JavaScript. Il est généralement inclus avec les navigateurs Web et est utilisé pour interpréter et exécuter des scripts js.
Célèbre moteur js :
Mozilla : moteur SpiderMonkey, le premier moteur JavaScript au monde, écrit en C/C++, utilisé dans les versions Mozilla Firefox 1.0~3.0
Google : moteur V8, écrit en C++/langage assembleur, utilisé dans le navigateur Chrome
Microsoft : moteur Chakra (Chakra, rire), utilisé dans la version 32 bits d'Internet Explorer 9
La relation entre le noyau du navigateur et le moteur JS
Prenons le webkit comme exemple :
Moteur V8
1. Principe du moteur V8
Le moteur V8 est le moteur JavaScript et WebAssembly open source haute performance de Google écrit en C++, utilisé pour Chrome et Node.js, etc.
Il implémente ECMAScript et WebAssembly et fonctionne sur les systèmes Windows 7 ou supérieur, macOS 10.12+ et Linux utilisant des processeurs x64, IA-32, ARM ou MIPS.
Le moteur V8 peut fonctionner indépendamment ou être intégré dans n'importe quelle application C++. Par exemple, l'utilisation de Node.js dans le moteur V8 peut être considérée comme l'intégration du moteur V8 dans l'application. Node.js a alors la capacité d'exécuter du code JavaScript.
Schéma schématique :
① Le module Parse convertira le code JavaScript en AST. C'est parce que l'interpréteur ne comprend pas directement le code JavaScript. Si la fonction n'est pas appelée, elle ne sera pas convertie en AST
②. Ignition est un interpréteur et convertira AST en ByteCode. Dans le même temps, les informations requises pour l'optimisation du TurboFan seront collectées (telles que les informations de type des paramètres de fonction, ce n'est qu'avec les types que des opérations réelles peuvent être effectuées). Si la fonction n'est appelée qu'une seule fois, Ignition convertit l'AST en ByteCode
③ Pourquoi est-il finalement converti en bytecode au lieu de directement en code machine ?
Parce que l'environnement dans lequel le code JS est exécuté n'est pas fixe. Il peut utiliser un navigateur dans un environnement Windows, un environnement Mac, un environnement Linux, ou il peut être dans Node.js, et l'environnement n'est pas fixe. Il y aura différents processeurs dans différents environnements. Différents processeurs ont des architectures de processeur différentes, et les instructions machine que différentes architectures peuvent exécuter sont différentes.
est converti en bytecode spécifié par le moteur V8, qui peut être exécuté quel que soit l'environnement dont il s'agit. Enfin, le moteur V8 convertira le bytecode en instructions d'assemblage puis en CPU correspondant. des environnements différents.
Mais ce n’est toujours pas assez pratique pour suivre ce processus à chaque fois. Par exemple, il existe une fonction qui est réutilisée, mais en utilisant l'ensemble de processus précédent, chaque fois que cette fonction est utilisée, elle doit être convertie en bytecode puis transformée en instructions CPU. Les performances sont relativement faibles si cette fonction le peut. être directement Convertissez-le en instructions machine et enregistrez-les. Lorsque vous utilisez cette fonction, exécutez directement les instructions machine, ce qui est plus performant. Cependant, si cette fonction n'est exécutée qu'une seule fois, il n'est pas nécessaire de la convertir en code machine et de l'enregistrer. , ce qui gaspillera de l'espace.
④ Utilisez la bibliothèque TurboFan, qui est un compilateur qui compile le bytecode en code machine qui peut être directement exécuté par le CPU. Il peut utiliser l'allumage pour collecter des informations sur l'exécution des fonctions et savoir quelles fonctions sont exécutées le plus souvent. marquée comme fonction chaude et chaude, puis cette fonction sera convertie en instructions machine optimisées lors de l'utilisation de cette fonction chaude à l'avenir, il n'est pas nécessaire de passer par le processus fastidieux ci-dessus et d'exécuter simplement les instructions machine directement.
Mais en fait, le code machine sera également restauré en ByteCode. En effet, si le type change lors de l'exécution ultérieure de la fonction, le code machine précédemment optimisé ne pourra pas gérer correctement l'opération et sera inversé en bytecode.
⑤, Désoptimisation : Par exemple, il existe une fonction
function sum(num1,num2){ num1+num2 }
qui appelle la fonction somme
sum(20,30) sum(28,30)
如果传入数字,调用sum函数,需要做的工作就是对两个数字进行相加,执行的机器指令永远是对这两个数字进行相加.
一旦改变传入值的类型,如果变成字符串,那么这个函数的意思就是两个字符串拼接。
sum("aaa","bbb")
这两种类型的传入值执行“+”操作对应的机器指令是不同的,JavaScript是不会对传入值的类型做检测的,那么还是使用数字相加的机器指令,这次函数调用的结果是不能够使用的。
但是V8引擎中提供了一种解决办法Deoptimization过程,这个过程是,一旦发现在执行机器指令时候,执行的操作不一样的时候,Deoptimization会反向优化,又转化为字节码,执行后续操作。
2、V8引擎的解析图
V8执行的细节:
①、Blink将源码交给V8引擎,Stream获取到源码并且进行编码转换
②、scanner会进行词法分析,词法分析之后会将代码转换为成tokens
③、tokens会被转换为AST树,经过Parser和PreParser:
Parser就是直接将tokens转换为AST树架构;
PreParser预解析,为什么会需要预解析?
1)如上图中的函数outer(),内部有一个函数inner(),但是并没有任何调用inner()的代码,那么就意味着并不是所有的JavaScript代码,都是一开始就被执行。对所有的JavaScript代码进行解析,必定会影响网页的运行效率。
2)V8引擎实现了Lazy Parsing(延迟解析)的方案,作用是将不必要的函数进行预解析,我只需要知道有这么个函数就行,也就是只解析暂时需要的内容,对函数的全量解析在函数被调用的时候才会执行。
3)例如上图中函数outer中的inner函数,它就是会执行预解析。
④、生成AST树之后,会被Ignition转成字节码,之后的过程就是代码的执行过程。
【相关推荐:javascript视频教程、编程视频】
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!