天天看點

js進階---js運作原理

概述

浏覽器組成可分兩部分:Shell+核心。浏覽器核心又可以分成兩部分:渲染引擎(layout engineer或者Rendering Engine)和JS引擎。

渲染引擎功能作用

渲染引擎,負責對網頁文法的解釋(如HTML、JavaScript)并渲染網頁。 是以,通常所謂的浏覽器核心也就是浏覽器所采用的渲染引擎,渲染引擎決定了浏覽器如何顯示網頁的内容以及頁面的格式資訊。不同的浏覽器核心對網頁編寫文法 的解釋也有不同,是以同一網頁在不同的核心的浏覽器裡的渲染(顯示)效果也可能不同,這也是網頁編寫者需要在不同核心的浏覽器中測試網頁顯示效果的原因。

定義

  浏覽器核心分成兩部分渲染引擎和js引擎,由于js引擎越來越獨立,核心就傾向于隻指渲染引擎

  渲染引擎是一種對HTML文檔進行解析并将其顯示在頁面上的工具

渲染引擎:

    firefox使用gecko引擎

    IE使用Trident引擎

    2015年微軟推出自己新的浏覽器,原名叫斯巴達,後改名edge,使用edge引擎

    opera最早使用Presto引擎,後來棄用

    chrome\safari\opera使用webkit引擎

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

js引擎:

    老版本IE使用Jscript引擎

    IE9之後使用Chakra引擎

    edge浏覽器仍然使用Chakra引擎

    firefox使用monkey系列引擎

    safari使用的SquirrelFish系列引擎

    Opera使用Carakan引擎

    chrome使用V8引擎。nodeJs其實就是封裝了V8引擎