Почему console.log работает медленнее при регистрации больших вложенных объектов по сравнению с JSON.stringify? ⇐ Javascript

[Anonymous]

Я заметил кое-что странное во время отладки проблемы с производительностью.
Когда я записываю глубоко вложенный объект с помощью console.log, он работает значительно медленнее, чем запись JSON.stringify(obj).
Пример:

Код: Выделить всё

const obj = { ...a very deeply nested structure... };

console.time("log");

console.log(obj);

console.timeEnd("log");

console.time("stringify");

console.log(JSON.stringify(obj));

console.timeEnd("stringify");

Наблюдение –

Код: Выделить всё

console.log(obj)

занимает больше времени, чем console.log(JSON.stringify(obj)).
Вопрос -

• Почему console.log(obj) занимает больше времени?
• Браузер лениво расширяет объекты или вычисляет структуру во время регистрации?
• Что происходит внутри DevTools?

Подробнее здесь: https://stackoverflow.com/questions/798 ... ared-to-js