1. $0

ChromeElements 面板中,$0 是当前我们选中的 html 节点的引用。
理所当然,$1 就是我们上一次选择的节点的引用,$2 是在那之前选择的节点的引用,等等。一直到 $4
一般所选的节点为并列关系;

你可以通过其他引用来尝试相关操作 (例如: $1.appendChild($0))

第一天:console中的 '$' - 图1

2. $_

$_ 是对上次执行的结果的引用。

第一天:console中的 '$' - 图2

3. $i

Chrome插件:Console Importer 的帮助之下,你可以快速的在 console 中引入和把玩一些 npm 库。
直接运行例如 $i('lodash') 或者 $i('moment') 几秒钟之后,就可以获取到 lodash / momentjs 了。
注意:$i(‘’) 引用的差价必须使用单引号,否则会报错。

第一天:console中的 '$' - 图3

4. $ 和 ?

如果你没有在 App 中定义过 $ 变量 (例如 jQuery )的话,它在 console 中就是对这一大串函数 document.querySelector 的别名。
如果是 ? 就更加厉害了,还能节省更多的时间,因为它不仅执行 document.QuerySelectorAll 并且它返回的是:一个节点的 数组 ,而不是一个 Node list
Array.from(document.querySelectorAll('div')) === ?('div')?('div')哪一种方式更加优雅呢?

这个没有试验出来