Facebook发布全新JavaScript引擎：Hermes

谁借莪１个温暖的怀抱￠ 2021-12-01 10:54 195阅读 0赞

**摘要：** JS引擎开始升级了…

*  原文：[技术栈中的爱马仕？Facebook发布全新JavaScript引擎：Hermes][Facebook_JavaScript_Hermes]
 *  作者：Carson\_Ho

**[Fundebug][]经授权转载，版权归原作者所有。**

### 前言 ###

*  目前，用户的流畅体验是用户能长期使用某个移动客户端应用App的重要指标之一，因此，移动客户端应用App的性能问题备受关注。
 *  最近，一个崭新的JavaScript引擎面世：Hermes，它是Facebook在Chain React 2019 大会上发布 & 用于在React Native应用提高性能的，今天，我将进行全面介绍。

![aHR0cHM6Ly9pbWFnZS5mdW5kZWJ1Zy5jb20vMjAxOS0wNy0yMC0wMS5wbmc][]

### 1. 简介 ###

Facebook在Chain React 2019 大会上发布的一个崭新JavaScript引擎

> 已开源 & 用于移动端React Native应用的集成

### 2. 作用 ###

#### 2.1 背景 ####

*  用户的流畅体验是用户能长期使用某个移动客户端应用App的重要指标之一，因此，移动客户端应用App的性能问题备受关注
 *  针对React Native应用，流畅度等性能问题一直被人诟病

#### 2.2 问题 ####

Facebook基于多方性能数据分析，发现JavaScript引擎本身就是影响React Native应用启动性能的重要因素

#### 2.3 解决方案 ####

构建一个全新的JavaScript引擎，针对React Native应用，去提高移动客户端应用App的性能

> 特别注意：Hermes主要面向移动端React Native应用的性能优化，对浏览器 & Node.js 等服务端基础架构并不适用。

### 3. 性能提升表现 ###

对于React Native应用（基于JavaScript引擎）来说，用户感知最明显的性能体验包括：

*  应用程序可用的时间（TTI）
 *  安装包下载大小（Android APK 大小）
 *  内存利用率

根据Facebook给出的官方性能优化性能数据如下：

![aHR0cHM6Ly9pbWFnZS5mdW5kZWJ1Zy5jb20vMjAxOS0wNy0yMC0wMy5wbmc][]

示意图

从上述数据可知，Hermes引擎提升性能较为明显：

*  在应用程序可用的时间上，Hermes能提升一倍的时间效率
 *  在安装包下载大小下，Hermes能减少50%的大小
 *  在内存利用率上，Hermes能节省30%的内存使用

### 4. 设计原理 ###

为了提升React Native应用的性能表现，Hermes引擎的设计主要是从是两个方面入手：编译方式 & 垃圾回收策略

#### 4.1 编译方式 ####

##### a. 字节码预编译 #####

![aHR0cHM6Ly9pbWFnZS5mdW5kZWJ1Zy5jb20vMjAxOS0wNy0yMC0wNC5wbmc][]

##### b. 无JIT编译 #####

![aHR0cHM6Ly9pbWFnZS5mdW5kZWJ1Zy5jb20vMjAxOS0wNy0yMC0wNS5wbmc][]

#### 4.2 垃圾回收策略 ####

![aHR0cHM6Ly9pbWFnZS5mdW5kZWJ1Zy5jb20vMjAxOS0wNy0yMC0wNi5wbmc][]

### 5. 使用特点 ###

在实际使用Hermes时，具备3个优点：懒编译、兼容性好 & 调试体验好，具体如下：

![aHR0cHM6Ly9pbWFnZS5mdW5kZWJ1Zy5jb20vMjAxOS0wNy0yMC0wNy5wbmc][]

*  特别注意：在实际使用Hermes时，需对build.gradle文件做更改 & 重新编译

project.ext.react = [
      entryFile: "index.js",
      enableHermes: true
    ]

### 6. 总结 ###

*  本文全面讲解了Facebook在Chain React 2019 大会上发布的一个崭新JavaScript引擎：`Hermes`
 *  下面我将继续对 `Hermes`引擎中的知识进行深入讲解 ，感兴趣的同学可以继续关注本人博客Carson\_Ho的开发笔记

### 关于Fundebug ###

[Fundebug][]专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java线上应用实时BUG监控。 自从2016年双十一正式上线，Fundebug累计处理了10亿+错误事件，付费客户有阳光保险、核桃编程、荔枝FM、掌门1对1、微脉、青团社等众多品牌企业。欢迎大家免费试用！

[Facebook_JavaScript_Hermes]: https://www.jianshu.com/p/206ed11a6b5c
[Fundebug]: https://www.fundebug.com/
[aHR0cHM6Ly9pbWFnZS5mdW5kZWJ1Zy5jb20vMjAxOS0wNy0yMC0wMS5wbmc]: /images/20211201/aaf0de39047f426abf9d9ad5dbdb6389.png
[aHR0cHM6Ly9pbWFnZS5mdW5kZWJ1Zy5jb20vMjAxOS0wNy0yMC0wMy5wbmc]: /images/20211201/6a11ac70bfc94bd29b96b6887077c85c.png
[aHR0cHM6Ly9pbWFnZS5mdW5kZWJ1Zy5jb20vMjAxOS0wNy0yMC0wNC5wbmc]: /images/20211201/932de9755a2442c483d6944c6d755657.png
[aHR0cHM6Ly9pbWFnZS5mdW5kZWJ1Zy5jb20vMjAxOS0wNy0yMC0wNS5wbmc]: /images/20211201/538fedfdace84cb185b1fc8b1153fce5.png
[aHR0cHM6Ly9pbWFnZS5mdW5kZWJ1Zy5jb20vMjAxOS0wNy0yMC0wNi5wbmc]: /images/20211201/edad68978be0453781880adb9e10cbff.png
[aHR0cHM6Ly9pbWFnZS5mdW5kZWJ1Zy5jb20vMjAxOS0wNy0yMC0wNy5wbmc]: /images/20211201/688d85b894cb4c59b3842059951fe30c.png