Возможности console.log

Опубликовано 2017.01.27

Для вывода отладочных сообщений в JavaScript используют команду console.log, о ней знают все, кто хоть сколько-нибудь связан с web-разработкой.

Она выводит строку, число или объект.

Например:

  1. var m = {q:4,d:6};
  2. console.log(m);

Выведет:

Но можно задать отладочным сообщениям оформление.

Например:

  1. console.log("%c%s","color: red; background: yellow; font-size: 20px;","Debug message")

Выведет:

Если в первом аргументе заменить %s на %i - то третьим аргументом можно передавать целое число

Если %f - то число с плавающей точкой.

Если указать %i им передать число с плавающей точкой - то оно будет приведено к целочисленному типу(округления не будет), сработает как parseInt(js) или (int) в php.

Примеры:

  1. console.log("%c%i","color: red; background: yellow; font-size: 20px;",465.556)
  2. console.log("%c%i","color: red; background: yellow; font-size: 20px;",587)
  3. console.log("%c%f","color: red; background: yellow; font-size: 20px;",23.1290)

Результат:

Если скрипт выводит тучу разных сообщение - очень удобно смотреть в консоль.