在 React Native 0.72.5 中，使用 Hermes 引擎时，JavaScript 的 Function.prototype.toString() 方法的行为可能与其他 JavaScript 引擎（如 V8 或 JavaScriptCore）有所不同。这种差异源于 Hermes 的设计，旨在提升性能和减少内存开销。
问题描述
在 Hermes 引擎中：
- 某些函数（尤其是内置函数或通过优化生成的函数）无法以完整的源码字符串形式返回。
toString()的输出可能是[native code]或空字符串。
const func = () => console.log('Hello, World!');
console.log(func.toString());
// Hermes 可能输出不完整的字符串，或 [native code]
原因
- Hermes 的字节码优化：
- Hermes 会对 JavaScript 代码进行优化，可能在编译过程中对函数进行裁剪或变换。
- 为了减少内存占用，Hermes 不会存储原始的函数源码字符串。
- ECMAScript 规范的松散要求：
- 根据 ECMAScript 规范，
Function.prototype.toString()的实现只需返回一个表示该函数的字符串表示，但未严格要求返回实际源码。
- 根据 ECMAScript 规范，
- React Native 的特性限制：
- React Native 使用 Hermès 时，字节码存储的是预编译后的优化版本，源码信息可能已丢失。
解决方法
1. 避免依赖 toString()
尽量不要依赖 Function.prototype.toString() 来获取函数的源码字符串。这在不同的 JavaScript 引擎中都有兼容性问题。
2. 显式存储函数源码
如果确实需要函数的源码，可以手动将其存储为字符串：
const func = () => console.log('Hello, World!');
const funcSource = func.toString();
console.log(funcSource);
3. 使用 Babel 转译
在构建过程中，使用 Babel 插件对代码进行处理，将函数源码显式注入。例如，babel-plugin-wrap-functions 可以为函数添加额外的字符串属性。
4. 切换到非 Hermès 引擎
如果依赖 Function.prototype.toString() 的功能是项目的关键部分，可以考虑切换回其他 JavaScript 引擎（如 JSC）。修改 android/app/build.gradle 文件中的设置：
project.ext.react = [
enableHermes: false
]
然后重新构建项目：
cd android && ./gradlew clean && cd ..
npx react-native run-android
5. 调试和开发环境特殊处理
在开发环境中，可以禁用 Hermès，仅在生产环境中启用 Hermès。这可以在调试时保留完整的函数信息。
总结
Hermes 的设计目标是提升性能和减少资源消耗，但这可能会导致一些开发者习惯的功能不可用。如果 Function.prototype.toString() 对于你的项目是不可或缺的功能，建议采用显式存储源码或切换到 JSC。对于绝大多数场景，优化代码以减少对 toString() 的依赖是更好的选择。
发布者：myrgd，转载请注明出处：https://www.object-c.cn/5127
