需求描述

由于良好的兼容性，在自己目前的业务代码中，到处都会用到 document.querySelector() 以及 document.querySelectorAll() 这两个方法。但是总是要手写这两个方法的话就太长了、太花时间了。那么怎样能够简化输入呢？

方案调研

用关键字 js short for document.querySelector Google，第一个链接是 Stack Overflow 上的回答，就是自己想要的结果。

参考资料

• Making a short alias for document.querySelectorAll：给出了简化的方法，以及相关的 API 介绍。
• 正确地缩写 document.querySelector: 这篇中文的文章，还介绍了为什么要用 bind() 方法，以及这种用法的注意事项。

关键代码

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

上面这两行代码，是兼容性最好的版本，直接拿来用即可。