javascript - 打印对象给出的值与打印该对象的属性不同

Question

我的 typescript 文件中出现了一个奇怪的情况，其中这两个 console.info 调用显示了不同的 overage 值:

this.rows[index].overage = 17;
console.info(this.rows[index].overage);
console.info(this.rows[index]);

第一个打印输出显示预期值 17。第二个打印输出显示整个对象，显示超额的旧值 90。这怎么可能？

行的定义如下:

rows: UsageDisplayData[];

export interface UsageDisplayData {
    id: number;
    overage: number;
    // A bunch of other properties
}

Answer 1

如果没有 MVCE，很难说到底发生了什么，但开发控制台中的扩展 View 通常是“实时” View ，因此会显示最新值。示例:

let obj = { m: 17 };
console.info(obj.m);
console.info(obj);
obj.m = 90;