Использование JavaScript-консоли в браузерах

[justboris]

Здесь еще стоит заметить, что при логгировании объекта в консоль не происходит его копирования. То есть при разворачивании вложенного объекта вы увидите его финальное значение, а не то что там было изначально в момент логгирования:

const test = {foo: {bar: 'baz'}};
console.log(test);
test.foo = {bar: 'qux'};

при разворачивании объекта там будет последнее значение foo, а не исходное

Поэтому, если у вас мутируются значения объектов, то нужно логгировать конкретно значения тех полей, которые вам интересны, а не объект целиком.

Особенно это относится к логгированию событий в react, который переиспользует объекты в целях производительности. Использование console.log(event) может показать вам впоследствии не те значения.

[w0den]

Если проблема с использованием JSON.stringify(obj) заключается только в том, что это некрасиво, то её можно решить с помощью JSON.parse(JSON.stringify(obj))

[Perlovich]

Вы уже публиковали аналогичную статью меньше года назад habr.com/ru/company/ruvds/blog/414375

[helg1978]

-delete-

[WanSpi]

Я так понимаю статья на тему «Как пользоваться консолью браузера» будет выходить каждые 3-4 месяца?

habr.com/ru/company/ruvds/blog/414375
habr.com/ru/post/114483
habr.com/ru/company/ruvds/blog/316132

[RuGrof]

Так может скоро и весь developers.google.com/web/tools/chrome-devtools/console на русский переведут:)

[ganqqwerty]

теперь мы знаем, что в ВДС-Нетворк сидят настоящие senior console developers

[Timbersaw]

Хоть и пишут, что подобные статьи выходили ранее, хочу сказать спасибо, узнал для себя что то новое. Еще бы статью про раздел network, если это целесообразно расписывать.

[Zoolander]

Может, статьи и выходили раньше подобные, но я их не заметил, специально копать архивы ради консолей никогда бы не стал, но сейчас за завтраком прочитал и понял, что пару приемов можно взять.