Консоль разработчика JavaScript
То, что твоя мама никогда не говорила тебе ;-)
значок информации console.log
Вы когда-нибудь видели маленький значок информации справа от вывода консоли и задавались вопросом, что он означает — как в следующем примере:
Поместите указатель мыши над ним и подождите секунду, пока не появится всплывающая подсказка: «Значение ниже было только что оценено».
Что это значит?
Он просто говорит: «Эй, то, что вы здесь увидите, может быть, не то значение, которое вы хотите здесь видеть, потому что мы только сейчас смотрим на объект, и это могло быть изменено после обработки журнала консоли».
Поэтому, если вам действительно нужно фактическое значение на данном этапе кода, вы должны зарегистрировать его с помощью JSON.stringify, иначе вы получите самое последнее значение.
Приведенный выше пример просто иллюстрирует это. Я расширил объект после того, как изменил значение a.a. на 2, и, как и ожидалось, он показывает 2 для a.a.
JSON.stringify
Время от времени я использую описанный выше метод для вывода объектов на консоль, и столько раз мне хотелось бы, чтобы вывод был красиво напечатан. И угадайте, что он уже есть, потому что метод принимает два необязательных аргумента. Второй необязательный дает вам возможность установить интервал для красивого принтера.
Таким образом, вызов с 2 добавляет отступ в 2 пробела:
И даже может больше. С первым необязательным параметром вы можете изменить вывод, заменив или исключив элементы, но это уже другая история.
