document.querySelector抽象

Question

我总是觉得写let btn = document.querySelector('.btn');

很痛苦

所以我正在玩javascript，并考虑过为糖语法编写函数，我想出了：

function dq(selector) {
  return document.querySelector(selector);
}

let h1 = dq('h1');

h1.onclick = () => {
  console.log('yey');
};

所以，我的问题是：在我的代码中执行此操作是否有任何缺点？

Answer 1

你基本上做的是代码缩减器做什么，只需手动 - 稍微混淆代码。

您的代码较短，但难以阅读。此外，它实际上仅适用于document.querySelector，而不适用于document.body.querySelector或任何其他元素的querySelector方法。

而是在首选IDE中创建代码段/模板。代码片段旨在完全按照您的意愿执行：减少写作。