Рассмотрим, что же такое 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