如何在Safari中使用trimStart()？自定义实现及兼容性疑问

你的实现方向是对的，但直接覆盖原生方法不是最优解，更稳妥的方式是先判断原生方法是否存在，再决定是否添加自定义实现，这样既能兼容旧版Safari，又不会破坏支持原生方法的浏览器的性能和标准行为。

优化后的兼容代码 #

// 仅在原生trimStart未实现时添加兼容逻辑
if (!String.prototype.trimStart) {
  String.prototype.trimStart = function() {
    return this.replace(/^\s+/, '');
  };
  // 同步补上trimLeft别名，和ES规范保持一致
  String.prototype.trimLeft = String.prototype.trimStart;
}

为什么这样更安全？ #

• 避免覆盖原生方法：现代浏览器的trimStart是经过性能优化的原生实现，直接覆盖会丢掉这些优化，而且原生方法对Unicode空白字符的处理更全面（你的正则/\s+/已经覆盖了绝大多数常见空白场景，和原生行为差异极小，但保留原生实现始终是更好的选择）
• 保持别名一致性：trimLeft是trimStart的历史别名，旧版Safari可能本身也不支持trimLeft，同步补上能让两个方法都正常工作

关于你原代码的问题 #

如果直接赋值String.prototype.trimStart = ...，在已经支持原生方法的浏览器里会替换掉原生实现，虽然功能上能正常运行，但完全没必要，而且可能在某些极端场景下（比如处理罕见的Unicode空白符）和原生行为有细微偏差。

内容的提问来源于stack exchange，提问作者Avatar