javascript - 获取与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() 的更简单的方法。

这可以被认为是利用了 ' named access on the window object 的好处' ( explained here )(某些浏览器中的标准)，但更安全并且仅用于您选择的变量。

Answer 1

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