Разница между console.dir и console.log

Опубликовано: 11 Декабря, 2021

Объект консоли : объект консоли обеспечивает доступ к консоли отладки браузера, которую можно увидеть с помощью F12 или ctrl + shift + j . Объект консоли содержит множество методов, среди которых чаще всего используются log () и dir ().

Метод console.log () выводит пользователю представление toString объекта в консоли.
Синтаксис:

 console.log (объект) или console.log ("строка", объект)

Метод console.dir () выводит пользователю список свойств указанного объекта в консоли.
Синтаксис:

 console.dir (объект)

Проще говоря, console.log () возвращает объект в его строковом представлении, а console.dir () распознает объект как объект и выводит его свойства. И log (), и dir () возвращают строку как строку.

Пример:

Выход:

В приведенном выше коде log() печатает представление объекта toString, в то время как dir() распознает объект и печатает только его свойства.

Вышеупомянутая программа запускается в chrome, поэтому log () печатает дерево вместе со строковой информацией, но при запуске в firefox log () выводит только информацию о представлении toString, тогда как dir () ведет себя одинаково везде.

Как видно из кода console.dir («geek2 (dir) =«, geek2); печатает только часть строки, но не свойства объекта, потому что dir () принимает только один параметр и считает строку своим единственным параметром, передаваемым в методы, тогда как log () принимает любое количество параметров.