自定义类jQuery脚本始终报No Element Selected错误排查

所有报错的核心触发原因是代码存在拼写错误和设计缺陷，直接导致初始化逻辑完全不执行，状态对象始终为空：

• 最致命的拼写错误：ES6类的构造函数固定名称为constructor，代码中错写为constructer（倒数第二个字母o误写为e），实例化类时JS引擎不会执行这段自定义初始化逻辑，因此始终拿不到选中的元素
• 其他逻辑隐患：
  • 将实例状态存在全局对象storingAttributes中，多个类实例会互相覆盖属性
  • 空的catch块会静默吞掉所有运行时错误，完全无法定位调试问题
  • 循环计数变量n未做声明，执行时会泄漏为全局变量污染作用域
  • class、tag类型选择器的元素处理逻辑完全重复，存在冗余代码
  • 无意义的字符串拆分数组操作，仅判断选择器首字符不需要将整个字符串拆为字符数组

class MONEY {
  constructor(selector) {
    // 实例状态直接挂载到this上，避免全局污染和多实例冲突
    this.selectionType = null;
    this.selectedElem = null;

    if (!selector) return;

    // 按选择器首字符判断类型，直接选中对应元素
    const firstChar = selector[0];
    if (firstChar === '#') {
      this.selectionType = 'id';
      this.selectedElem = document.querySelector(selector);
    } else if (firstChar === '.') {
      this.selectionType = 'class';
      this.selectedElem = document.querySelectorAll(selector);
    } else {
      this.selectionType = 'tag';
      this.selectedElem = document.querySelectorAll(selector);
    }
  }

  show() {
    if (!this.selectedElem) {
      console.error("No Element Selected");
      return this;
    }

    // id选择器返回单个元素，单独处理
    if (this.selectionType === 'id') {
      this.selectedElem.style.display = 'block';
      return this;
    }

    // class、tag选择器返回NodeList集合，统一循环处理
    for (let n = 0; n < this.selectedElem.length; n++) {
      this.selectedElem[n].style.display = 'block';
    }
    return this;
  }

  // 同逻辑可快速扩展hide、text、html等方法
  hide() {
    if (!this.selectedElem) {
      console.error("No Element Selected");
      return this;
    }
    if (this.selectionType === 'id') {
      this.selectedElem.style.display = 'none';
      return this;
    }
    for (let n = 0; n < this.selectedElem.length; n++) {
      this.selectedElem[n].style.display = 'none';
    }
    return this;
  }
}

// 调用示例
// const idEl = new MONEY('#box');
// idEl.show();
// const classEls = new MONEY('.item');
// classEls.hide();

• 修正构造函数名为标准constructor，确保实例化时初始化逻辑正常执行
• 移除全局状态对象，所有实例属性挂载到this上，多实例互不干扰
• 删除空catch块，避免错误被静默吞掉影响调试
• 循环变量用let声明，消除全局变量泄漏问题
• 合并class、tag选择器的重复处理逻辑，精简代码
• 所有方法返回实例本身，支持类似jQuery的链式调用
• 移除无意义的字符串拆分操作，直接取首字符判断选择器类型，性能更高

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