Это индекс последнего выбранного узла DOM. Chrome присваивает индекс каждому выбранному узлу DOM. Поэтому $0
всегда будет указывать на последний выбранный узел, а $1
- на узел, выбранный до этого. Думайте об этом как о стопке последних выбранных узлов.
В качестве примера рассмотрим следующее
<div id="sunday"></div>
<div id="monday"></div>
<div id="tuesday"></div>
Теперь вы открыли консоль devtools и выбрали #sunday
, #monday
и #tuesday
в указанном порядке, вы получите такие идентификаторы, как:
$0 -> <div id="tuesday"></div>
$1 -> <div id="monday"></div>
$2 -> <div id="sunday"></div>
Примечание: Может быть полезно знать, что узел можно выбрать в ваших скриптах (или консоли), например, одним из популярных применений для этого является angular element selector, так что вы можете просто выбрать узел и запустить его:
angular.element($0).scope()
Вуаля, вы получили доступ к области видимости узла через консоль.
$0 возвращает последний выбранный элемент или объект JavaScript, $1 возвращает второй последний выбранный элемент и так далее.
Другие ответы здесь четко объяснили, что это значит. Мне нравится объяснять его использование.
Вы можете выбрать элемент на вкладке элементы
и переключиться на вкладку консоль
в хроме. Просто введите $0 или $1
или любое другое число и нажмите Enter, и элемент будет отображен в консоли для использования.
Внутри Chrome ведет стек, где $0 - это выбранный элемент, $1 - элемент, который был выбран последним, $2 - тот, который был выбран до $1, и так далее.
Вот некоторые из его применений:
Я скажу, что это просто сокращенный синтаксис для получения ссылки на html элемент во время отладки, обычно такие задачи выполняются этим методом
document.getElementById , document.getElementsByClassName , document.querySelector
Так что щелчок на html-элементе и получение переменной ссылки ($0) в консоли - это огромная экономия времени в течение дня