Почему в Chrome DevTools некорректно отображается объект?

Question

[AlexeyMoshkin]

Разрабатываю расширение бля браузера, из контент скрипта вывожу в консоль объект

console.log( task, task.taskName );

Лог:


Почему значения различаются? Это баг chrome или это действительно 2 разных объекта?

Comments

[Леха Ярков]

Разрабатываю расширение бля браузера, из контент скрипта вывожу в консоль объект

Эпично ))

[Negwereth]

После вывода в консоль вы это объект изменяете? А именно поле taskName?

Answer 1

[Lynn «Кофеман»]

Хром логирует живой объект. В нём видно все изменения которые были сделаны после логирования. Видимо в какой-то момент где-то меняется значение поля taskName

Comments

[AlexeyMoshkin]

Это было бы понятно, если бы я 2 раза один объект выводил, но тут ведь в одном выводе одного объекта, как я понимаю. Как может при раскрытии объекта внутри быть уже что-то другое?

[Павел Волынцев]

Да, скорее всего объект зачем то поменялся

[Lynn «Кофеман»]

AlexeyMoshkin: наведите мышку на синенький квадратик с буквой i.

stackoverflow.com/questions/23429203/weird-behavio...
https://bugs.chromium.org/p/chromium/issues/detail...

и т.п.

Answer 2

[Alexander Pushkarev]

2 разных объекта

Comments

[AlexeyMoshkin]

В чем логика? логгирую то я только один объект - task

[Павел Волынцев]

AlexeyMoshkin: нет, ты логируешь один объект и одну строку console.log( task, task.taskName );

Строка логируется по значению, а объект - по ссылке. Если объект изменить, то в консоли у него будет другое содержимое.