Chrome和Firefox中奇怪的控制台输出

Question

局部范围内的某些变量（在IIFE函数表达式中包含JS文件的所有代码；此文件为“ global”）保存分页范围的值。 它具有默认值，例如：

PAGINATION_RANGES = [
    { start: 0, end: 0 },
    { start: 0, end: 0 }
];

单击按钮时这些值正在更改。点击发出GET请求，并成功阻止了使用服务器中的新范围设置此变量。

通过直接编辑变量来进行更改，例如：

PAGINATION_RANGES[0].start = res.range[0].start; // 1
PAGINATION_RANGES[0].end = res.range[0].end; // 10
PAGINATION_RANGES[1].start = res.range[1].start; // 21
PAGINATION_RANGES[1].end = res.range[1].end // 30

假设用户界面的范围是11-20。

我知道我正在对同一变量进行可变更改（使用了相同的引用），并且我认为不会出现竞争条件（加载HTML和脚本文件时会设置默认值，并且仅在单击时会更改）

可以通过每次用新的对象数组替换值来轻松解决问题，但是我想知道正在发生什么以及为什么使用此控制台输出？ Firefox中也会发生这种情况。