Для отладки программ JavaScript с использованием console.log () является лучшим способом Alert (), потому что: функция Alert () будет блокировать выполнение программ JavaScript, вызывая побочные эффекты; В то время как console.log () только печатает соответствующую информацию в консоли, поэтому она не вызовет аналогичных проблем.
Что такое console.log ()?
За исключением некоторых очень старых версий браузеров, большинство браузеров в настоящее время поставляются с функциями отладки; Даже если нет функции отладки, их можно дополнить путем установки плагинов. Например, старая версия Firefox не поставляется с инструментами отладки. В этом случае вы можете добавить функции отладки, установив плагин Firebug. В браузере, с функцией отладки, в окне будет зарегистрирована переменная -участника с именем -консоли, ссылаясь на консоль в инструменте отладки. Вызывая функцию log () объекта консоли, вы можете распечатать информацию в консоли. Например, следующий код будет распечатать «Образец журнала» в консоли:
Кода -копия выглядит следующим образом:
window.console.log ("пример журнала");
Приведенный выше код может игнорировать окно -объект и напрямую сокращаться как:
Кода -копия выглядит следующим образом:
console.log ("пример журнала");
console.log () может принять любую строку, номер и JavaScript. Аналогично функции Alert (), Console.log () также может принимать новенькие символы/N и TAB/T.
Информация о отладке, напечатанная в заявлении Console.Log (), можно увидеть на консоли отладки браузера. Для конкретных методов просмотра в каждом браузере, пожалуйста, обратитесь к следующей веб -странице:
http://stackoverflow.com/questions/4743730/what-is-console-log-and-how-do-use-it
Поведение консоли.log () может варьироваться в разных браузерах. В этой статье в основном обсуждается использование console.log () в Firebug.
Совместим с браузерами без консоли отладки
Для более старых браузеров, которым не хватает консоли отладки, объект консоли в окне не существует, поэтому использование оператора console.log () непосредственно может вызвать ошибки (нулевые ошибки указателя) внутри браузера и в конечном итоге привести к сбоям в некоторых старших браузерах. Чтобы решить эту проблему, вы можете вручную определить консольный объект и заявить, что функция журнала объекта консоли является пустой функцией; Таким образом, когда будет выполнено оператор console.log (), эти старые версии браузеров ничего не сделают:
Кода -копия выглядит следующим образом:
if (! window.console) {
window.console = {log: function () {}};
}
Однако в большинстве случаев не нужно выполнять эту работу по совместимости - код отладки, такой как console.log (), должен быть удален из конечного кода продукта.
Параметры использования
Аналогично функции Alert (), console.log () также может принимать переменные и сплачивать их с другими строками:
Кода -копия выглядит следующим образом:
// Использование переменной
var name = "bob";
console.log («Имя:» + имя);
В отличие от функции Alert (), console.log () также может принимать переменные в качестве параметров для передачи в строки, а ее конкретный синтаксис согласуется с синтаксисом Printf на языке C:
Кода -копия выглядит следующим образом:
// Использовать параметр
var people = "alex";
var лет = 42;
Console.log (« %s %d лет», люди, годы);
Результатом исполнения вышеуказанного кода является: «Алексу 42 года».
Используйте другие уровни журналов
В дополнение к Console.log () Firebug также поддерживает множество различных уровней журнала: отладка, информация, предупреждение, ошибка. Следующий код печатает эти различные уровни журнала в консоли:
Кода -копия выглядит следующим образом:
// Использование разных уровней регистрации
console.log ("log level");
console.debug («Уровень отладки»);
console.info («Информационный уровень»);
console.warn ("предупреждать уровень");
console.error ("уровень ошибки");
Из консоли Firebug вы можете видеть, что цвета и значки информации о печати на разных уровнях журнала различны; В то же время вы можете выбрать разные уровни журналов в консоли, чтобы фильтровать эту информацию: