使用eval动态生成类名常量后无法访问，求问题原因

这段代码无法正常运行，核心原因是eval内部用const声明的变量作用域被限制在eval自身的执行环境中，外部根本访问不到。

具体细节：

• const和let属于块级作用域变量，当你在eval里执行const clone = document.getElementsByClassName('clone')时，这个clone变量只存在于eval调用的临时块级作用域里，eval执行完毕后，外部作用域完全感知不到它的存在，因此直接访问clone会抛出ReferenceError。
• 而document.getElementsByClassName('clone').length能正常输出，是因为这是直接调用DOM原生API获取元素集合，和你用eval声明变量的逻辑完全独立，不受eval作用域的影响。

如果非要实现自动绑定类名到变量的效果，别用eval，建议创建一个统一的全局对象来存储这些集合，既安全又易维护：

// 创建全局对象存储所有类对应的元素集合
const classElements = {};

// 遍历所有带类名的元素
document.querySelectorAll('[class]').forEach(el => {
  el.classList.forEach(cls => {
    // 避免重复赋值
    if (!classElements[cls]) {
      classElements[cls] = document.getElementsByClassName(cls);
    }
  });
});

// 访问方式：classElements.clone.length

内容的提问来源于stack exchange，提问作者Menno Dokter