带参数的自定义replace函数调用无效，求助排查原因

这是个非常典型的JavaScript基础细节问题，很多刚接触JS的开发者都会踩这个坑，我来给你拆解清楚：

核心原因：JavaScript原始类型的「按值传递」 #

在JavaScript中，字符串、数字、布尔这些原始类型是按值传递的。当你把myVar作为参数传给myFunction时，函数里的x只是myVar的一个副本——你在函数内部修改x，只会改变这个副本的值，完全不会影响外面的myVar本身。

而你直接执行myVar = myVar.replace(...)时，是把replace方法返回的新字符串重新赋值给了myVar，相当于直接更新了原变量的引用，所以能看到效果。

解决方法 #

有两种常用的方式解决这个问题，推荐第一种更符合函数式编程的写法：

方法1：让函数返回修改后的字符串

把处理后的结果return出来，调用时重新赋值给原变量：

function myFunction(x) {
  return x.replace(/Ö/g, "Ö");
}

var myVar = "some text containing a Ö";
myVar = myFunction(myVar); // 接收函数返回的新字符串
console.log(myVar); // 输出修改后的内容

方法2：用对象包裹变量（利用引用传递）

如果一定要在函数内部修改原变量，可以把原始值放在对象里（对象是引用类型，传递的是引用地址）：

function myFunction(obj) {
  obj.content = obj.content.replace(/Ö/g, "Ö");
}

var myVar = { content: "some text containing a Ö" };
myFunction(myVar);
console.log(myVar.content); // 输出修改后的内容

小结 #

记住：原始类型（字符串、数字、布尔、null、undefined、Symbol）都是按值传递，函数内的参数是独立副本；只有引用类型（对象、数组、函数）才是按引用传递，修改引用指向的内容会影响原变量。

内容的提问来源于stack exchange，提问作者Serge Inácio