在Chrome开发者工具中，== $ 0（double等于零美元）是什么意思？

在Google Chrome的开发者工具中，当我select一个元素时，我会在所选元素旁边看到==$0 。 这意味着什么？

Answer 1

这是最后select的DOM节点索引。 Chrome会为您select的每个DOM节点分配一个索引。 所以$0总是指向你select的最后一个节点，而$1将指向你之前select的节点。 把它看作是一堆最近选定的节点。

作为一个例子，考虑以下几点

 <div id="sunday"></div> <div id="monday"></div> <div id="tuesday"></div> 

现在你打开devtools控制台， #monday提到的顺序select#sunday ， #monday和#tuesday ，你将得到如下的id：

 $0 -> <div id="tuesday"></div> $1 -> <div id="monday"></div> $2 -> <div id="sunday"></div> 

注意：在脚本（或控制台）中可以select节点可能是有用的，例如一个stream行的用法是angular度元素select器，所以你可以简单地select你的节点，然后运行：

 angular.element($0).scope() 

你可以通过控制台访问节点范围。

Answer 2

$ 0返回最近select的元素或JavaScript对象，$ 1返回最近select的第二个元素或JavaScript对象，依此类推。

请参阅： 命令行API参考

Answer 3

这里的其他答案清楚地解释了这是什么意思。我想解释它的用法。

您可以在elements选项卡中select一个元素，然后在chrome中切换到console选项卡。 只需input$0 or $1或任何数字，然后按回车键，元素将显示在控制台供您使用。

Answer 4

仅供参考：$ 0在运行时不起作用

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

例：