获取变量中的某些元素与 id 同名，而无需多次编写 getElementByID

Question

我有很多脚本像这样开始(通常在 DOMContentLoaded 事件之后(：

mythis      = document.getElementById("mythis");
mythat      = document.getElementById("mythat");
naming      = document.getElementById("naming");
isdev       = document.getElementById("isdev");
easier      = document.getElementById("easier");
remember    = document.getElementById("remember");
your        = document.getElementById("your");
stuff       = document.getElementById("stuff");

但它的代码太臃肿了。所以我想知道不使用 eval(( 是否没有更简单的方法。

这可以被视为使用"窗口对象上的命名访问"(此处解释((某些浏览器中的标准(的好处，但更安全，并且仅适用于您选择的变量。

Answer 1

["mythis","mythat","naming","isdev","easier","remember","your","stuff"].forEach(s=>{
        window[s]=document.getElementById(s)
    })