在线编码环境中如何禁用外层函数名称的编辑权限？

针对在线编码环境中需要保护外层main函数名不被修改的需求，这里提供几种直接可行的方案：

方案1：拆分编辑器区域（推荐） #

将代码拆分为只读固定区域和可编辑区域，让用户只能修改main函数内部的逻辑，完全碰不到函数定义部分。

实现思路： #

• 编辑器顶部固定只读内容：function main() {
• 中间区域设为可编辑，放置用户能修改的代码（原main函数内的所有内容）
• 编辑器底部固定只读内容：}
• 最终执行时，将三部分内容拼接成完整代码。

示例结构： #

<!-- 只读区域 -->
<div class="editor-readonly">function main() {</div>
<!-- 可编辑区域 -->
<textarea class="editor-editable">
    console.log("outer Function");

    function Add(){
        console.log("inner Function");
    }
    return Add()
</textarea>
<!-- 只读区域 -->
<div class="editor-readonly">}</div>

优势： #

从根源上避免用户修改函数名，体验直观，没有复杂的校验逻辑。

方案2：实时监听编辑器输入并拦截 #

通过监听编辑器的输入事件，实时检测代码中是否修改了main函数名，一旦发现违规操作就自动恢复或提示用户。

实现示例： #

const editor = document.querySelector('.your-editor');
const originalMainDef = /^function\s+main\s*\(/;

editor.addEventListener('input', () => {
    const code = editor.value;
    // 检查开头的函数定义是否被修改
    if (!originalMainDef.test(code)) {
        // 恢复原始函数定义
        const correctedCode = code.replace(/^function\s+\w+\s*\(/, 'function main(');
        editor.value = correctedCode;
        // 可选：给用户提示
        alert('外层函数名不可修改，请使用main作为函数名');
    }
});

注意： #

需要根据编辑器的类型（比如CodeMirror、Monaco Editor）调整监听逻辑，部分专业编辑器有自带的内容校验API可以利用。

方案3：代码提交阶段校验与替换 #

在用户提交代码执行前，对代码进行校验，强制将外层函数名替换为main，或者直接拦截违规代码并提示。

实现示例： #

function processUserCode(userCode) {
    // 正则匹配外层函数定义
    const correctedCode = userCode.replace(/^function\s+\w+\s*\(/, 'function main(');
    // 可选：校验是否被修改过，给用户提示
    if (correctedCode !== userCode) {
        console.warn('外层函数名已被自动恢复为main');
    }
    return correctedCode;
}

// 执行时使用处理后的代码
const executableCode = processUserCode(userInputCode);
eval(executableCode); // 或用更安全的方式执行代码

优势： #

逻辑简单，不需要实时监听，适合对性能要求较高的场景。

方案4：调整模板结构，隐藏可编辑的函数名 #

如果允许调整初始模板的结构，可以用立即执行函数（IIFE）封装main函数，让用户看不到可修改的函数名定义，同时保留内部逻辑的可编辑性。

修改后的模板示例： #

// 固定不可编辑部分
(function main() {
    // 以下为用户可编辑区域
    console.log("outer Function");

    function Add(){
        console.log("inner Function");
    }
    return Add()
// 固定不可编辑部分
})();

说明： #

将外层的main函数封装成IIFE，用户只能编辑函数内部的代码，完全接触不到function main()这一行。

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