Facebook 发布全新 JavaScript 引擎：Hermes！ | CSDN博文精选
作者 | Carson_Ho
责编 | 郭芮
出品 | CSDN 博客
目前，用户的流畅体验是用户能长期使用某个移动客户端应用App的重要指标之一，因此，移动客户端应用App的性能问题备受关注。
最近，一个崭新的JavaScript引擎面世：Hermes，它是Facebook在Chain React 2019 大会上发布 & 用于在React Native应用提高性能的，今天，我将进行全面介绍。
简介
Facebook在Chain React 2019 大会上发布的一个崭新JavaScript引擎，已开源 & 用于移动端React Native应用的集成。
作用
2.1 背景
用户的流畅体验是用户能长期使用某个移动客户端应用App的重要指标之一，因此，移动客户端应用App的性能问题备受关注。
针对React Native应用，流畅度等性能问题一直被人诟病。
2.2 问题
Facebook基于多方性能数据分析，发现JavaScript引擎本身就是影响React Native应用启动性能的重要因素。
2.3 解决方案
构建一个全新的JavaScript引擎，针对React Native应用，去提高移动客户端应用App的性能。
特别注意：Hermes主要面向移动端React Native应用的性能优化，对浏览器 & Node.js 等服务端基础架构并不适用。
性能提升表现
对于React Native应用（基于JavaScript引擎）来说，用户感知最明显的性能体验包括：
应用程序可用的时间（TTI）；
安装包下载大小（Android APK 大小）；
内存利用率。
根据Facebook给出的官方性能优化性能数据如下：
从上述数据可知，Hermes引擎提升性能较为明显：
在应用程序可用的时间上，Hermes能提升一倍的时间效率；
在安装包下载大小下，Hermes能减少50%的大小；
在内存利用率上，Hermes能节省30%的内存使用。
设计原理
为了提升React Native应用的性能表现，Hermes引擎的设计主要是从是两个方面入手：编译方式 & 垃圾回收策略。
4.1 编译方式
a. 字节码预编译
b. 无JIT编译
4.2 垃圾回收策略
使用特点
在实际使用Hermes时，具备3个优点：懒编译、兼容性好 & 调试体验好。具体如下：
特别注意：在实际使用Hermes时，需对build.gradle文件做更改&重新编译。
project.ext.react = [
entryFile: "index.js",
enableHermes: true
]
总结
本文全面讲解了Facebook在Chain React 2019 大会上发布的一个崭新JavaScript引擎：Hermes。
如果想要对 Hermes引擎中的知识进行深入讲解 ，感兴趣的同学可以继续关注作者Carson_Ho的博客开发笔记（https://blog.csdn.net/carson_ho/article/details/96267553）。
热 文 推 荐
☞Github Trending被中文项目“占领”，国外开发者不开心了！
☞计算机密码发明者去世！曾获图灵奖、并启蒙 Unix 诞生！
点击阅读原文，即可查看 CSDN 博客原文。
关注公众号：拾黑（shiheibook）了解更多
[广告]赞助链接：
四季很好，只要有你，文娱排行榜：https://www.yaopaiming.com/
让资讯触达的更精准有趣：https://www.0xu.cn/
CSDN
关注网络尖刀微信公众号随时掌握互联网精彩
- 1 习近平G20里约峰会展现大国担当 7958422
- 2 一个金镯子省出1200元 金价真跌了 7966999
- 3 多国驻乌克兰大使馆因袭击风险关闭 7842294
- 4 二十国集团里约峰会将会卓有成效 7711746
- 5 俄导弹击中乌水电站大坝 7647824
- 6 孙颖莎王艺迪不敌日本削球组合 7595220
- 7 高三女生酒后被强奸致死？检方回应 7466062
- 8 第一视角记录虎鲨吞下手机全程 7322197
- 9 73岁王石独自带娃被偶遇 7249021
- 10 智慧乌镇点亮数字经济新未来 7110455
