如何检测JavaScript中的Class是否存在？基于MDN类概念的需求

首先得明确：在JavaScript里，Class本质是特殊的函数，但我们可以通过特征区分普通函数和Class。针对你的场景，我们需要先检测目标Class是否已经挂载在全局作用域（浏览器环境下就是window对象），再结合force参数决定是否重新加载和定义。

第一步：编写Class检测工具函数 #

这个函数能帮我们准确判断一个对象是不是真正的Class（而非普通函数）：

function isClass(target) {
  // 先确认是函数类型，再通过toString判断是否以"class "开头
  return typeof target === 'function' && target.toString().startsWith('class ');
}

第二步：修改你的registerModule方法 #

我们把检测逻辑融入现有代码，同时优化实例化方式（替换不安全的eval）：

class APP{ 
    modules = {};

    registerModule( moduleName, force ) { 
        // 1. 检测全局作用域中是否存在目标Class
        const TargetClass = window[moduleName];
        const classExists = isClass(TargetClass);

        // 2. 根据force参数和Class存在状态处理逻辑
        if( !classExists || force ) { 
            console.log( `loading ${moduleName}/js/${moduleName}Module.js ...` ); 

            // 如果Class已存在且force为true，先清除旧引用（确保新脚本能覆盖）
            if(classExists && force) {
                delete window[moduleName];
                delete this.modules[moduleName];
                console.log(`Redefining existing class: ${moduleName}`);
            }

            this.loadScript( `${moduleName}/js/${moduleName}Module.js`, () => { 
                // 用window[moduleName]替代eval，更安全可靠
                const NewClass = window[moduleName];
                if(isClass(NewClass)) {
                    this.modules[moduleName] = new NewClass();
                } else {
                    console.error(`Loaded script did not define a valid Class: ${moduleName}`);
                }
            }); 
        } else { 
            alert( `Module '${moduleName}' already declared !`); 
        } 
    } 

    // 补充loadScript的基础实现（如果你的项目里已有可忽略）
    loadScript(url, callback) {
        const script = document.createElement('script');
        script.src = url;
        script.onload = callback;
        document.head.appendChild(script);
    }
}

关键细节说明 #

• 精准检测Class：通过window[moduleName]获取全局对象上的目标，再用isClass过滤掉普通函数，避免误判。
• force参数的处理：当force为true时，不管Class是否存在都会重新加载脚本，同时清除旧的全局Class引用和已注册的模块实例，确保新脚本能完全覆盖旧定义。
• 替换eval：用window[moduleName]直接获取Class，比eval更安全，也符合现代JS编码规范。
• 调试友好：添加了加载脚本后未定义有效Class的错误提示，方便排查问题。

这样修改后，你就能精准检测目标Class是否存在，并根据需求实现动态加载或重新定义了。

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