Hermes引擎中Array.prototype.toSorted方法的兼容性问题解析

在现代JavaScript开发中，数组操作方法的兼容性一直是开发者需要关注的重点。近期在React Native生态中，关于Hermes JavaScript引擎对Array.prototype.toSorted方法的支持问题引起了讨论。

核心问题分析 Hermes作为React Native默认的JavaScript引擎，目前对ES2023新增的toSorted()方法尚处于开发支持阶段。该方法作为sort()方法的非变异版本，能够返回排序后的新数组而不改变原数组，在函数式编程中非常实用。

技术背景

1. 标准方法特性：toSorted()是ECMAScript 2023标准新增的数组方法
2. 与sort()的区别：传统sort()会改变原数组，而toSorted()保持原数组不变
3. 当前兼容性：主流现代浏览器已实现，但JavaScript引擎需要单独支持

解决方案建议 对于使用React Native和Hermes的开发者，在等待官方完整支持前可以采取以下方案：

1. 手动实现兼容层：

if (!Array.prototype.toSorted) {
  Array.prototype.toSorted = function(compareFn) {
    return this.slice().sort(compareFn);
  };
}

2. 使用Babel插件转换： 通过配置Babel将toSorted调用转换为slice().sort()的组合操作

3. 实用工具函数封装：

function toSorted(arr, compareFn) {
  return arr.slice().sort(compareFn);
}

最佳实践建议

1. 在项目中使用前进行特性检测
2. 考虑添加TypeScript类型声明确保类型安全
3. 关注Hermes的版本更新日志，及时移除polyfill

未来展望 随着Hermes团队的持续开发，预计在不久的将来会原生支持toSorted方法。在此之前，开发者可以通过上述方案平稳过渡，确保应用功能的完整性和稳定性。

对于React Native项目，建议结合项目实际情况选择最适合的兼容方案，并在团队内部保持方案的一致性，这将有助于项目的长期维护和升级。