缩短Javascript函数的名称

Question

我正在编写一个SE用户脚本，我是用Vanilla JS编写的。它主要通过DOM操作，因此我经常使用document.getElementById和document.querySelector以及其他类似的功能。这些功能运行良好，但它们很长，即使我有完成标签，我也希望缩短编写这些功能所需的时间。我曾想过使用另一个名称较短的函数来替换这些较长的函数。要替换document.getElementById，我会有一个函数名byId，它会将Id字符串id作为参数，然后在{上返回调用document.getElementById的值{1}}。该功能看起来像

id

然后可以通过编写

来调用

function byId(id) {
    return document.getElementById(id);
}

我已经看到a similar SO question关于调试某人试图这样做的尝试，但我的尝试有效。我只是想知道如何看待这种做法。

那么，是否应该使用这种做法？这会使性能恶化甚至破坏程序的功能吗？有没有什么可以帮助关于它（除了缩短函数名称）？

Answer 1

它当然不太清楚。当程序员看到document.getElementById时，他们会知道这意味着什么。当程序员看到byId时，他们不知道正在做什么动作（没有动词）或者可能被引用的是什么类型的Id。然后，他们将查找定义，并查看document.getElementById，这会使包装它的任何声称的可读性损失失败。

Answer 2

您的使用没有明显的性能缺陷。除非您引用其他可能在全局范围内定义byId()方法的脚本，否则它也不容易出错。除了易于使用之外，我看到的唯一优势是减少了JavaScript在document.getElementById()大量使用时客户端浏览器需要下载的大小。