javascript - 在 Javascript 中为函数名称和属性创建快捷方式？

Question

我正在构建一个 vanilla Javascript 网站(没有 jQuery)，我正在做很多这样的事情:

var e = document.getElementById(...);
e.addEventListener(...);
e.innerHTML = ...;

它工作正常，但需要输入很多字符。

在 Javascript 中是否有一种简单的方法可以重命名它们以使其更短？所以我可以改用这样的东西:

var e = getId(...);
e.on(...);
e.html = ...;

Answer 1

最简单的方法可能是定义您自己的辅助函数:

function getId(...args) {
  return document.getElementById(...args);
}

function on(e, ...args) {
  e.addEventListener(...args);
}

function html(e, value) {
  return e.innerHTML = value;
}