由于JavaScript 的 replace 只能替换一次，因此另外编写一个能现替换全部匹配内容方法，代码如下:
/*
把 content 中所有的 searchValue 替换为 replaceValue
*/
function replaceAll(content,searchValue,replaceValue){
while (content.indexOf(searchValue)>-1) {
content = content.replace(searchValue,replaceValue);
}
return content;
}
为什么不使用正侧表达式来
在JavaScript中，字符串的替换操作通常使用`String.prototype.replace()`方法。然而，这个方法有一个特性，那就是它只会替换第一个匹配到的子串。这在需要替换字符串中所有匹配项的情况下显然是不够的。为了应对这个问题，我们可以自定义一个函数，如`replaceAll`，来实现全局替换的功能。
下面详细解释`replaceAll`函数的工作原理：
```javascript
function replaceAll(content, searchValue, replaceValue) {
while (content.indexOf(searchValue) > -1) {
content = content.replace(searchValue, replaceValue);
}
return content;
}
```
这个函数通过循环查找`searchValue`在`content`中的位置，只要找到就会使用`replace`方法进行替换，直到找不到为止。`indexOf`方法用于检测`searchValue`是否存在于`content`中，如果返回值大于-1，表示找到了匹配项，然后`replace`方法将匹配项替换为`replaceValue`。当`indexOf`找不到`searchValue`时，循环结束，最后返回替换后的新字符串。
那么为什么在这个场景下不使用正则表达式呢？在JavaScript中，`replace`方法也可以接受一个正则表达式作为第一个参数，并通过添加`g`标志实现全局替换。例如：
```javascript
content.replace(new RegExp(searchValue, 'g'), replaceValue);
```
然而，创建正则表达式尤其是包含大量文本时可能会遇到性能问题，尤其是在处理大型字符串或复杂模式时。当`searchValue`的内容非常大时，使用正则表达式可能会导致错误或者性能下降。在某些特定场景下，如本例中提到的将HTML页面中大量的Base64编码图片替换为占位符，如果直接用正则表达式，可能会因内存消耗过大而引发错误。
因此，对于大文本的全局替换，使用`replaceAll`这样的循环替换方法可能更为稳妥。尽管这种方法的效率可能不如正则表达式，但它避免了可能导致的错误。在实际应用中，需要根据数据的大小和复杂性来权衡选择哪种方法。
总结来说，JavaScript的字符串替换涉及到两种主要方法：`replace`和基于正则表达式的替换。`replace`方法在默认情况下只替换第一个匹配项，但可以通过传入正则表达式并设置`g`标志来实现全局替换。然而，对于大量文本或复杂模式，使用正则表达式可能会带来性能问题，这时可以采用循环替换的方法，如`replaceAll`，以确保安全性和效率。在开发过程中，我们需要根据具体需求和实际情况灵活选择合适的方法。
