1. $0

在 Chrome 的 Elements 面板中， $0 是對(duì)我們當(dāng)前選中的 html 節(jié)點(diǎn)的引用。

理所當(dāng)然，$1 是對(duì)上一次我們選擇的節(jié)點(diǎn)的引用，$2 是對(duì)在那之前選擇的節(jié)點(diǎn)的引用，等等。一直到 $4

你可以嘗試一些相關(guān)操作(例如: $1.appendChild($0))

2. $ 和 $$

如果你沒有在 App 中定義過(guò) $ 變量 (例如 jQuery )的話，它在 console 中就是對(duì)這一大串函數(shù) document.querySelector 的別名。

如果是 $$ 就更加厲害了，還能節(jié)省更多的時(shí)間，因?yàn)樗粌H執(zhí)行 document.QuerySelectorAll 并且它返回的是：一個(gè)節(jié)點(diǎn)的 數(shù)組 ，而不是一個(gè) Node list

本質(zhì)上來(lái)說(shuō) Array.from(document.querySelectorAll('div')) === $$('div') ，但是document.querySelectorAll('div') 和 $$('div') 哪一種方式更加優(yōu)雅呢？

3. $_

調(diào)試的過(guò)程中，你經(jīng)常會(huì)通過(guò)打印查看一些變量的值，但如果你想看一下上次執(zhí)行的結(jié)果呢？再輸一遍表達(dá)式嗎？

這時(shí)候 $_ 就派上了用場(chǎng)，$_ 是對(duì)上次執(zhí)行的結(jié)果的 引用 ：

4. $i

現(xiàn)在的前端開發(fā)過(guò)程，離不開各種 npm 插件，但你可能沒有想過(guò)，有一天我們竟然可以在 Dev Tools 里面來(lái)使用 npm 插件！

有時(shí)你只是想玩玩新出的 npm 包，現(xiàn)在不用再大費(fèi)周章去建一個(gè)項(xiàng)目測(cè)試了，只需要在 Chrome插件:Console Importer 的幫助之下，快速的在 console 中引入和測(cè)試一些 npm 庫(kù)。

運(yùn)行 $i('lodash') 或者 $i('moment') 幾秒鐘后，你就可以獲取到 lodash / momentjs 了: