Nodejs 求助 关于 console

当然可以。让我们详细分析一下你提供的代码，并解释为什么两次 console.log 的输出会有所不同。

示例代码

var obj = { hello: 1, world: 2 };
var fn = function (o) {
    var ref = o;
    console.log(ref);
    ref.good = "good";
};

fn(obj);
fn(obj);

输出结果

在 Chrome 控制台中，你会看到以下输出：

Object {hello: 1, world: 2}
Object {hello: 1, world: 2, good: "good"}

解释

1. 第一次调用 fn(obj):

   • 当你调用 fn(obj) 时，参数 o 被赋值为对象 obj。
   • var ref = o; 这行代码只是创建了一个对 obj 的引用（而不是复制）。
   • 因此，当执行 console.log(ref); 时，它打印的是当前 ref 的状态，即 { hello: 1, world: 2 }。

2. 修改 ref 对象:

   • 接下来，ref.good = "good"; 将属性 good 添加到 ref 对象上。
   • 由于 ref 是对原始对象 obj 的引用，所以这个操作实际上也修改了 obj。

3. 第二次调用 fn(obj):

   • 第二次调用 fn(obj) 时，同样的过程会发生。
   • 然而，由于第一次调用已经将 good 属性添加到了 obj 上，因此 ref 也会包含这个属性。
   • 所以，第二次 console.log(ref); 打印的已经是 { hello: 1, world: 2, good: "good" }。

关键点

• JavaScript 中的对象传递是按引用传递的。这意味着当你将一个对象传递给函数时，函数内部实际上得到的是该对象的一个引用。
• 因此，在函数内部对对象所做的任何更改都会影响到原始对象。

示例代码修正

如果你想让两次输出一致，可以在函数内部创建一个新的对象副本，例如：

var obj = { hello: 1, world: 2 };
var fn = function (o) {
    var ref = Object.assign({}, o); // 创建对象的一个浅拷贝
    console.log(ref);
    ref.good = "good";
};

fn(obj);
fn(obj);

这样，每次调用 fn(obj) 时，ref 都是一个独立的对象，不会受到之前调用的影响。输出将会是：

{ hello: 1, world: 2 }
{ hello: 1, world: 2 }

希望这能帮助你理解问题的原因以及如何解决。