JavaScript的工作原理

　　在学习Web前端的时候，有很多重要的知识点需要我们深刻理解并掌握实际运用场景。例如，JavaScript是Web前端人员必须要掌握的知识点之一，下面，为大家全面介绍JavaScript的工作原理，希望对大家高效学习Web前端有所帮助。

　　JavaScript引擎是什么?

　　JavaScript引擎是一种用于将我们的代码转换为机器可读语言的引擎。如果没有JavaScript引擎，你编写的代码对计算机来说简直是一堆“胡言乱语”。不仅仅是JavaScript，其他所有编程语言都需要一个类似的引擎，来将这些“胡言乱语”转换成对计算机有意义的语言。

　　JavaScript引擎的组成部分有哪些?

　　1、编译器。主要工作是将源代码编译成抽象语法树，然后在某些引擎中还包含将抽象语法树转换成字节码。

　　2、解释器。在某些引擎中，解释器主要是接受字节码，解释执行这个字节码，然后也依赖来及回收机制等。

　　3、JIT工具。一个能够JIT的工具，将字节码或者抽象语法树转换成本地代码，当然它也需要依赖牢记垃圾回收器和分析工具(profiler)。它们负责垃圾回收和收集引擎中的信息，帮助改善引擎的性能和功效。

　　JavaScript引擎是如何工作的?

　　JavaScript的工作形式取决于是什么引擎。目前比较常用的JavaScript引擎有两个：WebKit的JavaScriptCore和Google的V8引擎。这两个引擎处理代码的方式是不同的。

　　JavaScriptCore：源代码=》抽象语法树=》字节码

　　1、词法分析，将源代码分解成一系列具有明确含义的符号或字符串(分词);

　　2、用词法分析器分析这些符号，将其构建成抽象语法树;

　　3、解析器生成字节码(编译器可以理解);

　　4、4个JIT(Just-In-Time)进程参与进来，分析和执行解析器所生成的字节码。

　　谷歌的V8引擎，用C++编写，也编译和执行JavaScript源代码、处理内存分配、垃圾收集剩余物。V8引擎并不将抽象语法树转变成字节码或者其它中间表示，没有像Java一样的虚拟机或者字节码解释器。这么做主要是为了减少这抽象语法树到字节码的转换时间，这一切都在网页加载时候完成，虽然可以提高优化的可能，但是这些分析可能带来巨大的时间浪费。

JavaScript的工作原理相关推荐

javascript引擎工作原理的初步了解
From:https://segmentfault.com/a/1190000014242281 Javascript引擎是能运行javascript代码的程序或解释器.做为前端开发人员,了解java ...
JavaScript的工作原理：内存管理+如何处理4个常见的内存泄漏
本篇译文,删减了原文中一些无关紧要的内容,可以让大家花更少的阅读时间. 原文地址:https://blog.sessionstack.com/how-javascript-works-memory-m ...
JavaScript引擎工作原理解析
JavaScript引擎是什么想知道JavaScript引擎是什么,首先要知道JavaScript(简称js)是什么,相信对于屏幕前的你来说,js是干什么的已经不用再多说,但还是有必要介绍下Java ...
JavaScript工作原理
HTML代码所表示的文档是一种静态文档,几乎没有交互功能,很难使页面成为动态页面.增加脚本语言,可使数据发送到服务器之前先进行处理和校验,动态地创建新的Web内容,更重要的是,引入脚本语言使我们有了事 ...
js 数组实现完全树_JavaScript的工作原理：解析、抽象语法树（AST）+ 提升编译速度5个技巧
摘要: JS的"编译原理". 原文:JavaScript的工作原理:解析.抽象语法树(AST)+ 提升编译速度5个技巧作者:前端小智 Fundebug经授权转载,版权归原作者所有 ...
javascript原理_JavaScript程序包管理器工作原理简介
javascript原理 by Shubheksha 通过Shubheksha JavaScript程序包管理器工作原理简介 (An introduction to how JavaScript pa ...
JavaScript定时器的工作原理（翻译）
JavaScript定时器的工作原理(翻译) 标签(空格分隔): JavaScript定时器最近在看ajax原理的时候,看到了一篇国外的文章,讲解了JavaScript定时器的工作原理,帮助我很好的 ...
JavaScript 工作原理之五－深入理解 WebSockets 和带有 SSE 机制的HTTP/2 以及正确的使用姿势(译)...
原文请查阅这里,略有改动,本文采用知识共享署名 4.0 国际许可协议共享,BY Troland. 本系列持续更新中,Github 地址请查阅这里. 这是 JavaScript 工作原理的第五章. 现在 ...
JavaScript 工作原理之十一－渲染引擎及性能优化小技巧
原文请查阅这里,略有删减,本文采用知识共享署名 4.0 国际许可协议共享,BY Troland. 本系列持续更新中,Github 地址请查阅这里. 这是 JavaScript 工作原理的第十一章. 迄 ...

JavaScript的工作原理

JavaScript的工作原理相关推荐

最新文章

热门文章