在纯JavaScript中创建自己的查询选择器简写

我们大多数人都熟悉jQuery,可能也有很多人熟悉Chrome控制台中的$$$用于查询选择器的简写。最近,我找到了一种方法来在我的代码中复制这些简写,使用Document.querySelector()Document.querySelectorAll()Function.prototype.bind()。下面是实现方法,只需确保不要与仍在使用的jQuery混淆:

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

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