Heim > Artikel > Web-Frontend > Auf welche Unterstützung ist Javascript angewiesen?
Javascript ist auf die Unterstützung der zugrunde liegenden Javascript-Engine angewiesen. JavaScript läuft im Browser und verlässt sich hauptsächlich auf die JS-Engine des Browsers, um JS-Code zu interpretieren und auszuführen. Die JavaScript-Engine ist eine virtuelle Maschine, die auf die Verarbeitung von JavaScript-Skripten spezialisiert ist und im Allgemeinen in Webbrowsern zur Interpretation und Ausführung von JS-Skripten enthalten ist.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
Javascript ist auf die Unterstützung der zugrunde liegenden JS-Engine angewiesen.
Javascript wird im Browser ausgeführt und verlässt sich hauptsächlich auf die JS-Engine des Browsers, um JS-Code zu interpretieren und auszuführen. Andere Software mit einer JS-Engine kann ebenfalls JS ausführen, aber im Allgemeinen ist JS eng mit Webseiten verbunden und wird daher im Allgemeinen im Browser ausgeführt.
Javascript-Engine
Die JavaScript-Engine ist eine virtuelle Maschine, die auf die Verarbeitung von JavaScript-Skripten spezialisiert ist. Sie ist im Allgemeinen in Webbrowsern enthalten und wird zur Interpretation und Ausführung von JS-Skripten verwendet.
Berühmte js-Engine:
Mozilla: SpiderMonkey-Engine, die weltweit erste JavaScript-Engine, geschrieben in C/C++, verwendet in Mozilla Firefox 1.0~3.0-Versionen
Google: V8-Engine, geschrieben in C++/Assemblersprache, verwendet im Chrome-Browser
Microsoft: Chakra-Engine (Chakra, lachen), wird in der 32-Bit-Version von Internet Explorer 9 verwendet
Die Beziehung zwischen dem Browserkernel und der JS-Engine
Nehmen Sie das Webkit als Beispiel:
V8-Engine
1. Prinzip der V8-Engine
V8-Engine ist die in C++ geschriebene Open-Source-Hochleistungs-JavaScript- und WebAssembly-Engine, die für Chrome und Node.js usw. verwendet wird.
Es implementiert ECMAScript und WebAssembly und läuft auf Windows 7 oder höher, macOS 10.12+ und Linux-Systemen mit x64-, IA-32-, ARM- oder MIPS-Prozessoren.
Die V8-Engine kann unabhängig ausgeführt oder in jede C++-Anwendung eingebettet werden. Beispielsweise kann die Verwendung von Node.js in der V8-Engine als Einbettung der V8-Engine in die Anwendung angesehen werden. Dann verfügt Node.js über die Fähigkeit, JavaScript-Code auszuführen.
Schematisches Diagramm:
① Das Parse-Modul konvertiert JavaScript-Code in AST. Dies liegt daran, dass der Interpreter JavaScript-Code nicht direkt versteht. Wenn die Funktion nicht aufgerufen wird, wird sie nicht in AST konvertiert. Ignition ist ein Interpreter und konvertiert AST in ByteCode. Gleichzeitig werden die für die TurboFan-Optimierung erforderlichen Informationen gesammelt (z. B. die Typinformationen von Funktionsparametern, nur mit Typen können echte Operationen ausgeführt werden). Wenn die Funktion nur einmal aufgerufen wird, konvertiert Ignition den AST in ByteCode
③ Warum wird er schließlich in Bytecode konvertiert und nicht direkt in Maschinencode?
Weil die Umgebung, in der JS-Code ausgeführt wird, nicht festgelegt ist. Möglicherweise wird ein Browser in einer Windows-Umgebung, einer Mac-Umgebung, einer Linux-Umgebung oder in Node.js verwendet, und die Umgebung ist nicht festgelegt. In unterschiedlichen Umgebungen gibt es unterschiedliche CPUs. Unterschiedliche CPUs haben unterschiedliche CPU-Architekturen und die Maschinenanweisungen, die unterschiedliche Architekturen ausführen können, sind unterschiedlich.
wird in den von der V8-Engine angegebenen Bytecode umgewandelt, der unabhängig von der Umgebung ausgeführt werden kann. Schließlich wandelt die V8-Engine den Bytecode in Assembleranweisungen und dann in entsprechende CPUs um verschiedene Umgebungen.
Aber es ist immer noch nicht bequem genug, diesen Vorgang jedes Mal durchzuführen. Beispielsweise gibt es eine Funktion, die wiederverwendet wird, aber bei jeder Verwendung dieser Funktion muss sie in Bytecode umgewandelt und dann in CPU-Anweisungen umgewandelt werden. Wenn diese Funktion dies kann Wenn Sie diese Funktion verwenden, führen Sie die Maschinenanweisungen direkt aus. Wenn diese Funktion jedoch nur einmal ausgeführt wird, ist es nicht erforderlich, sie in Maschinencode umzuwandeln und zu speichern , was Platz verschwendet.
④ Verwenden Sie die TurboFan-Bibliothek, einen Compiler, der Bytecode in Maschinencode kompiliert, der direkt von der CPU ausgeführt werden kann. Er kann mithilfe der Zündung Informationen zur Funktionsausführung sammeln und lernen, welche Funktionen häufiger ausgeführt werden Als Hot- und Hot-Funktion markiert, wird diese Funktion dann in optimierte Maschinenanweisungen umgewandelt. Wenn Sie diese Hot-Funktion in Zukunft verwenden, müssen Sie den oben genannten mühsamen Prozess nicht durchlaufen und die Maschinenanweisungen einfach direkt ausführen.
Aber tatsächlich wird der Maschinencode auch in ByteCode wiederhergestellt. Dies liegt daran, dass der zuvor optimierte Maschinencode die Operation nicht korrekt verarbeiten kann und umgekehrt in Bytecode umgewandelt wird.
⑤, Deoptimierung: Es gibt zum Beispiel eine Funktion
function sum(num1,num2){ num1+num2 }
, die die Summenfunktion aufruft
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视频教程、编程视频】
Das obige ist der detaillierte Inhalt vonAuf welche Unterstützung ist Javascript angewiesen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!