Javascript：如何创建一个函数 1. 接受一个全局变量作为参数 2. 改变该全局变量的值？

Question

我正在尝试创建一个函数，该函数接受一个全局变量作为参数并更改该全局变量的值。 这是一个简单的例子，说明了我正在尝试做的事情：

var number = 20;
function setnew(num) {
  num += 1;
};

setnew(number);
console.log(number) //-> 20
                    //I want this to return 21

即使在调用setnew函数之后， number保持不变。 有人可以解释为什么number保持不变并提出另一种实现我预期目标的方法吗？

Answer 1

由于 Javascript 不支持真正的引用传递，您可以在其中更改原始变量，因此您无法直接执行您所要求的操作。 通常的解决方法是将全局包装在一个对象中。

var myGlobal = {
     counter: 0;
};

function increment(obj, prop) {
  ++obj[prop];
}

increment(myGlobal, "counter");
increment(myGlobal, "counter");

console.log(myGlobal.counter);   // 2

---

或者，如果属性名称已知，您可以这样做：

var myGlobal = {
     counter: 0;
};

function incrementCnt(obj) {
  ++obj.counter;
}

incrementCnt(myGlobal);
incrementCnt(myGlobal);

console.log(myGlobal.counter);   // 2

---

这是有效的，因为当您将对象传递给函数时，传递的是指向同一对象的指针（该对象未被复制）。 因此，如果您修改该对象上的任何属性，则该对象只有一个副本，因此您正在修改该对象副本上的属性，并且每个拥有该对象引用的人都会看到该属性更改。

像数字和布尔值这样的原语是按值传递的，这就像制作副本一样，因此原始版本永远不会受到函数的影响。

---

有人可以解释为什么number保持不变并提出另一种实现我预期目标的方法吗？

将数字传递给函数时，数字的值被复制到作为函数参数的新变量中。 将该参数的值更改为函数只会影响该参数 - 它与原始变量完全没有联系。 这是因为在 Javascript 中原语是按值传递的，而不是按引用传递的。 因此，根本没有保留对值来自何处的引用。 当您在函数中接收它时，它是一个独立的新变量。

---

另一种可能的解决方法是从您的函数返回修改后的值，并允许调用者将该修改后的值分配给他们想要的任何值：

var counter = 0;

function increment(val) {
  return val + 10;
}

counter = increment(counter);

console.log(counter);   // 10

Answer 2

如果您要传入一个对象而不是一个原语，您将能够更新它。

例如：

var number = { value: 20 };
function setnew(num) {
  num.value += 1;
};

setnew(number);
console.log(number.value) //-> 21

基本上，当您传入一个对象时，javascript 实际上只传递对变量的引用，而当您传递一个整数时，它将传递该值的副本。