Что такое console.log в JavaScript

Рассмотрим, что же такое console.log, потому что большинство курсов по JavaScript начинается с того, что вас просят написать console.log в консоле и увидеть «Привет, мир!» или «Hello, world!» при этом не объясняя, что же такое console.log.

Мы же пойдем от обратного. Сначала рассмотрим каждую часть этого выражения, затем вы сможете написать у себя в консоли console.log с четким пониманием как это работает.

console.log(‘Sphinx Amnesia’);

Console — это объект, а у объекта есть свойства. Каждое свойство это пара «ключ: значение».

log — это метод. Метод — это функция, которая является значением одного из свойств объекта, т.е. у нашего объекта console есть свойство, значение которого это функция, а такие свойства называются методами.

Точка между console и log — это синтаксис JavaScript, который называется точечная запись. С помощью точечной записи можно получать доступ к свойствам объекта. В данном случае мы с помощью точечной записи получаем доступ к методу объекта, где метод называется log.

Скобки — это вызов метода. Является тоже частью синтаксиса JavaScript, т.е. поставив скобки после log, мы говорим, что хотим вызвать эту функцию, которая является методом объекта console.

Внутри вызова метода находится аргумент и выданном примере это просто значение типа строка (‘String’).

Значение типа «строка» в JavaScript помещается либо в одинарные кавычки, либо в двойные.

Кроме метода log у объекта console есть ещё такие методы как:

• dir (console.dir) — с помощью метода dir можно отобразить все свойства того или иного объекта. Например, с помощью console.dir можно увидеть в консоле, что любая функция в JavaScript это объект и увидеть все свойства этого объекта.
• table (console.table) — с помощью метода table можно в консоле увидеть все свойства того или иного обьекта, который передан в этот метод как аргумент, т.е. будет находиться между скобками в табличном виде. Все свойства объекта будут отображены в виде таблицы. Например, можно использовать данный метод в консоле веб-браузера или интерпретатора node.js.

Итак, самое время выполнить команду console.log.

• Зайдите в браузер
• Откройте консоль (F12)
• Перейдите во вкладку «console»
• Введите команду console.log(‘Hello, Sphinx Amnesia’)

ВАЖНО ПОМНИТЬ!

Не стоит забывать, что любое выражение в JavaScript возвращает значение. И поскольку метод log это функция, которая должна возвращать значение, то она вернет undefined (не определено). По факту console.log выполнил свою задачу, а именно напечатал, то что мы передали в качестве аргумента и кроме этого вернул результат в виде undefined.

До новых встреч!
Sphinx Academy