JS工作原理

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS工作原理相关的知识,希望对你有一定的参考价值。

JS工作原理


浏览器组成可分两部分:Shell+内核。
浏览器内核又可以分成两部分:渲染引擎(layout engineer或者Rendering Engine)和JS引擎。
渲染引擎功能作用
渲染引擎,负责对网页语法的解释(如htmljavascript)并渲染网页。 所以,通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法 的解释也有不同,因此同一网页在不同的内核的浏览器里的渲染(显示)效果也可能不同,这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。

浏览器内核分成两部分渲染引擎和js引擎,由于js引擎越来越独立,内核就倾向于只指渲染引擎
渲染引擎是一种对HTML文档进行解析并将其显示在页面上的工具

渲染引擎:

    firefox使用gecko引擎

    IE使用Trident引擎

    2015年微软推出自己新的浏览器,原名叫斯巴达,后改名edge,使用edge引擎

    opera最早使用Presto引擎,后来弃用

    chromesafariopera使用webkit引擎

    13年chrome和opera开始使用Blink引擎

js引擎:

    老版本IE使用Jscript引擎

    IE9之后使用Chakra引擎

    edge浏览器仍然使用Chakra引擎

    firefox使用monkey系列引擎

    safari使用的SquirrelFish系列引擎

    Opera使用Carakan引擎

    chrome使用V8引擎。nodeJs其实就是封装了V8引擎

JS与宿主环境的关系:

浏览器端(API:操作浏览器,DOM网页元素,WEB实现互联网的各种功能)
服务器端(文件操作API,网络通信)

前端使用方式:
1:行内添加事件
2:script标签直接写js代码
3:外部引入js文件

以上是关于JS工作原理的主要内容,如果未能解决你的问题,请参考以下文章

图解WebGL和Three.js工作原理

WebGL 和 Three.js 工作原理图解

图解 WebGL & Three.js 工作原理

了解 JS 模块模式的工作原理

图解 WebGL & Three.js 工作原理

Node.js学习02:浏览器工作原理