Что означает == $0 (double equals dollar zero) в инструментах разработчика Chrome?

Ответ 1

Это последний выбранный индекс DOM node. Chrome назначает индекс для каждого выбранного вами DOM node. Таким образом, $0 всегда укажет на последний node, который вы выбрали, а $1 укажет на node, который вы выбрали до этого. Подумайте об этом как стек из недавно выбранных узлов.

В качестве примера рассмотрим следующее

<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>

Примечание: Может быть полезно знать, что node можно выбрать в ваших сценариях (или в консоли), например, для одного популярного использования это селектор элементов angular, поэтому вы можете просто выбрать свой node и запустить его:

angular.element($0).scope()

В Voila вы получили доступ к области node с помощью консоли.

Ответ 2

$0 возвращает последний выбранный элемент или объект JavaScript, $1 возвращает второй последний выбранный и т.д.

Обратитесь: Справочник API командной строки

Ответ 3

Другие ответы здесь четко объясняют, что это значит. Мне нравится объяснять его использование.

Вы можете выбрать элемент на вкладке elements и перейти на вкладку console в хром. Просто введите $0 or $1 или любой другой номер и нажмите клавишу ввода, и элемент будет отображаться в консоли для вашего использования.

Ответ 4

FYI: $0 не работает во время выполнения

setTimeout(() => console.log($0), 0); // $0 is not defined

Пример:

Ответ 5

Я скажу, что это просто сокращенный синтаксис для получения ссылки на элемент html во время отладки, обычно эта задача выполняет эти методы

document.getElementById , document.getElementsByClassName , document.querySelector

поэтому нажатие на элемент html и получение контрольной переменной ($ 0) в консоли - это огромная экономия времени в течение дня