string replaceAll() 是 JavaScript 中一个非常常用的字符串方法，可以替换字符串中所有匹配的子串，但其在不同版本的 ECMAScript 和浏览器中的表现并不一致，甚至有过使用时会出现错误的情况。本篇文章将会从 ECMAScript 2017 (ES8) 到 JavaScript 2021 比较详细地介绍 replaceAll() 方法的变化、局限以及解决方案。
ECMAScript 2017 (ES8)
在 ES8 中，replaceAll() 还未被正式引入标准库，需要通过 polyfill 库（如 polyfill.js）进行兼容处理。示例代码如下：
if (!String.prototype.replaceAll) {
String.prototype.replaceAll = function(search, replacement) {
var target = this;
return target.split(search).join(replacement);
};
}上述代码中，我们首先判断浏览器是否已经原生支持 replaceAll() 方法，如果没有则使用 split() 和 join() 模拟实现。这种方式虽然能够满足替换字符串的需求，但缺点是执行效率可能会低于原生实现。
ECMAScript 2019 (ES10)
在 ES10 中，replaceAll() 方法首次被正式引入标准库，该方法接受两个参数，第一个参数为要替换的子串，第二个参数为替换后的字符串。示例代码如下：
const str = 'Hello, world!';
const replaced = str.replaceAll('l', '');
console.log(replaced); // Heo, word!上述代码中，我们通过 replaceAll() 方法将字符串中所有的 l 替换为空字符串，得到了新的字符串 Heo, word!。在 ES10 中，我们可以愉快地使用 replaceAll() 方法了。
ECMAScript 2021 (ES12)
在 ES12 中，replaceAll() 方法新增了一个参数 done，该参数可以是一个回调函数，在每次替换匹配到的子串时都会被调用。示例代码如下：
const str = 'Hello, world!';
const replaced = str.replaceAll('l', (match, index) => `${match}-${index}`);
console.log(replaced); // He-l2-o, wor-3-d!上述代码中，我们通过 replaceAll() 方法将字符串中所有的 l 替换为书写方式为 子串-匹配位置 的字符串，得到了新的字符串 He-l2-o, wor-3-d!。通过使用回调函数，我们可以自定义替换的规则，让替换更加灵活。
解决方案
尽管 replaceAll() 方法在 ECMAScript 标准中已经被正式引入，但由于其在一些低版本浏览器中仍然不能被完全支持，我们依然需要做一些兼容性处理。下面是一些解决方案供大家参考：
- 使用 polyfill 库
前面已经介绍过，我们可以使用 polyfill 库实现 replaceAll() 方法的兼容处理。
- 使用正则表达式
如果我们只需要替换字符串中的一个子串，可以考虑使用正则表达式实现替换。示例代码如下：
const str = 'Hello, world!'; const replaced = str.replace(/l/g, ''); console.log(replaced); // Heo, word!
上述代码中，我们使用 /l/g 正则表达式匹配所有的子串 l，并将其替换为空字符串。
- 使用其他方法
当需要替换多个子串时，除了使用 replaceAll() 以外，还可以考虑使用其他方法，如 split() 和 join()，示例代码如下：
const str = 'Hello, world!';
const replaced = str.split('l').join('');
console.log(replaced); // Heo, word!上述代码中，我们先通过 split() 方法将字符串按照子串 l 分割成数组，再使用 join() 方法将数组拼接成一个新的字符串。
总结
replaceAll() 方法是 JavaScript 中一个非常实用的字符串方法，在不同版本的 ECMAScript 和浏览器中的表现有所不同。我们需要根据实际需求来选择不同的解决方案，保证代码的兼容性、稳定性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f09c37f6b2d6eab3aa32c6