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中創建代碼段/模板。 代碼段旨在完全滿足您的需求：減少編寫工作。