创建自己的查询选择器简写

我们大多数人都熟悉 JQuery，可能相当多的人都熟悉 Chrome 控制台的查询选择器的缩写 $ 和 $$。我最近找到了一种方法在我的代码中复制这些简写，Document.querySelector()、Document.querySelectorAll() 和 Function.prototype.bind()。

以下是如何做到这一点，只要确保在仍在使用 JQuery 时不要将它们与 JQuery 混淆：

const $ = document.querySelector.bind(document)
const $$ = document.querySelectorAll.bind(document)

const mainContent = $('.main-content')
const externalLinks = $$('a[target="_blank"]')

以上片段来自 Tip: Create your own query selector shorthand