javascript传递对象作为参考

Question

我有一个对象，它在函数内的许多不同函数中传递。这些函数可能会也可能不会改变对象的值，但如果他们确实改变了它，那么我想获得对象的最新更改。

以下是我想要做的：

var ob = {text: 'this is me', name: 'john'}

function (object) {

     changeObject(object);
     customObjectChanger(object);
     callback = function (object) {
          object.text = 'new text';
     }

     callback(object);

     // object value here should be object{text: 'new text', name: 'john'};    
}

Answer 1

在 JavaScript 中，对象总是通过复制引用传递。我不确定这是否是完全正确的术语，但会传入对象引用的副本。

这意味着对对象所做的任何更改都将在函数执行完成后对您可见。

代码：

var obj = {
  a: "hello"
};

function modify(o) {
  o.a += " world";
}

modify(obj);
console.log(obj.a); //prints "hello world"

---

话虽如此，由于它只是传入的引用的副本，如果您重新分配函数内部的对象，这将在函数之外不可见，因为它只是您更改的引用的副本。

代码：

var obj = {
  a: "hello"
};

function modify(o) {
  o = {
    a: "hello world"
  };
}

modify(obj);
console.log(obj.a); //prints just "hello"

Answer 2

“对象”不是 JavaScript 中的值，不能“通过”。

您处理的所有值都是引用（指向对象的指针）。

传递或分配一个引用会给出另一个指向同一个对象的引用。当然，您可以通过其他引用修改同一个对象。

Answer 3

这是对按值传递和按引用传递 (Javascript) 的更多解释。 在这个概念中，他们谈论的是通过引用传递变量和通过引用传递变量。

按值传递（原始类型）

var a = 3;
var b = a;

console.log(a); // a = 3
console.log(b); // b = 3

a=4;
console.log(a); // a = 4
console.log(b); // b = 3

• 适用于 JS 中的所有基本类型（字符串、数字、布尔值、未定义、空值）。
• a 被分配了一个内存（比如 0x001），b 在内存中创建一个值的副本（比如 0x002）。
• 因此更改变量的值不会影响另一个变量，因为它们都位于两个不同的位置。

---

通过引用传递（对象）

var c = { "name" : "john" };    
var d = c;

console.log(c); // { "name" : "john" }
console.log(d); // { "name" : "john" }

c.name = "doe"; 

console.log(c); // { "name" : "doe" }    
console.log(d); // { "name" : "doe" }

• JS 引擎将对象分配给变量c，它指向一些内存，比如（0x012）
• 当d=c时，在这一步中d指向同一个位置（0x012）。
• 更改两个变量的任何更改值。
• 函数就是对象

---

特殊情况，通过引用传递（对象）

c = {"name" : "jane"}; 
console.log(c); // { "name" : "jane" }    
console.log(d); // { "name" : "doe" }

• equal(=) 运算符设置新的内存空间或地址

Answer 4

基本上，在 JavaScript 中，没有 Pass-By-Reference 的概念，因为 Pass-by-value 服务于使 JS 如此特别的目的。当我们在 JavaScript 中传递一个对象时， 1）函数需要带有值，并且该值是参考副本 2)这个值是原始对象的地址。

Answer 5

我该如何处理这个问题？如果我想更改对象本身而不是其复制引用怎么办？

我想在函数中重新分配一个对象，并且它的新值在调用函数中可见。

为了增加公认的答案，并在那里解决 cmets 中未回答的问题，以下是我对通过参考传递的看法，并在实践中查看 scope / closure：

const obj = {
  count: 0,
}

function incrementReference(_obj) {
  obj.count++
}

function createIncrementByCopy(_obj) {
  let inner = {}
  Object.assign(inner, _obj)

  return function increment() {
    inner.count++
  }
}

function createScopedIncrement(_obj) {
  return function increment() {
    _obj.count++
  }
}
function createExtend(_obj) {
  return function increment(ext) {
    Object.assign(_obj, ext)
  }
}

console.log('obj', obj) // { count: 0 }

incrementReference(obj)
console.log('incrementReference ✅', obj.count) // 1

const incrementCopy = createIncrementByCopy(obj)
incrementCopy()
console.log('incrementCopy ❌', obj.count) // 1

const incrementA = createScopedIncrement(obj)
incrementA()
console.log('incrementA ✅', obj.count) // 2

const extendObj = createExtend(obj)
extendObj({ text: 'New Property!' })
console.log('extendObj ✅', obj) // { count: 2, text: 'New Property!' } 

下面的文章讨论了一个关于术语的常见混淆，我真的无话可说?https://dev.to/bytebodger/a-gotcha-of-javascript-s-pass-by-reference-1afm

相关（良好的上下文，更复杂，不同的用例）：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign#copying_accessors