使用 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 的优势，请尝试制作应用的发布构建/部署来进行比较。例如；从项目的根目录：

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}/.."
   )