使用 Hermes

Hermes 是一个为 React Native 优化的开源 JavaScript 引擎。对于许多应用来说，与 JavaScriptCore 相比，使用 Hermes 将带来更快的启动时间、更低的内存占用和更小的应用体积。 Hermes 是 React Native 的默认配置，启用它不需要额外的配置。

内置 Hermes

React Native 自带了一个 内置版本 的 Hermes。 每当我们要发布新版本的 React Native 时，我们都会为你构建一个 Hermes 版本。这将确保你使用的 Hermes 版本与你正在使用的 React Native 版本完全兼容。

此更改对 React Native 用户完全是透明的。你仍然可以使用本页描述的命令禁用 Hermes。 你可以 在此页面阅读更多关于技术实现的细节。

确认 Hermes 正在使用中

如果你最近从头创建了一个新应用，你应该能在欢迎视图中看到 Hermes 是否已启用：

JavaScript 中将提供一个 HermesInternal 全局变量，可用于验证 Hermes 是否正在使用：

jsx

const isHermes = () => !!global.HermesInternal;

警告

如果你使用的是非标准方式加载 JS bundle，有可能 HermesInternal 变量可用，但你并没有使用高度优化的预编译字节码。 确认你正在使用 .hbc 文件，并按照下文详述的方式进行前后性能基准测试。

要查看 Hermes 的优势，尝试制作一个应用的 release 构建/部署来进行比较。例如；从项目的根目录：

Android

npm

npm run android -- --mode="release"

Yarn

yarn android --mode release

iOS

npm

npm run ios -- --mode="Release"

Yarn

yarn ios --mode Release

这将在构建期间将 JavaScript 编译为 Hermes 字节码，从而提高应用在设备上的启动速度。

切换回 JavaScriptCore

React Native 也支持使用 JavaScriptCore 作为 JavaScript 引擎。按照以下说明选择退出 Hermes。

Android

编辑你的 android/gradle.properties 文件并将 hermesEnabled 改回 false：

diff

# 使用此属性启用或禁用 Hermes JS 引擎。
# 如果设置为 false，你将使用 JSC。
hermesEnabled=false

iOS

编辑你的 ios/Podfile 文件并进行如下所示的更改：

diff

   use_react_native!(
     :path => config[:reactNativePath],
+    :hermes_enabled => false,
     # 指向应用根目录的绝对路径。
     :app_path => "#{Pod::Config.instance.installation_root}/.."
   )