Javascript eval（） 行为奇怪

问：

我正在创建自己的消息框（正常的“确定”对话框和“是/否”对话框），这些对话框可以在我的网站上弹出。当用户单击“确定”或“是/否”时，将调用使用 eval（） 执行的回调。OK 回调工作正常，但我似乎无法让 Yes/No 回调工作。

我将首先显示 OK messageBox 代码，然后显示 yesNoBox 代码。

function messageBox(msg, onClose = null) {
    var id = sessionStorage.getItem('messageIndex');
    if (id === null || id === 'undefined') id = "0";
    sessionStorage.setItem('messageIndex', parseInt(id) + 1);
    sessionStorage.setItem('mb' + id, msg);
    sessionStorage.setItem('mb' + id + "_onClose", onClose);
    
    var code = localStorage.getItem('mb_ok');
    if (code === null || code === 'undefined') request('GET ui/mb_ok.html?id=' + id, 'messageBoxResponse');
    else {
        var start = code.indexOf('mb_ok') + 'mb_ok'.length;
        var end = code.indexOf('"', start);
        var i = code.substring(start, end);
        code = code.replace('mb_ok' + i, 'mb_ok' + id);
        messageBoxResponse(code);
    }
}

request（'GET ui/mb_ok.html？id=' + id'， 'messageBoxResponse'） 使用 WebSockets 检索 messageBox HTML。服务器返回具有唯一 messageBox ID 的 HTML 并调用 messageBoxResponse（）。

function messageBoxResponse(response) {
    var start = response.indexOf('mb_ok') + 'mb_ok'.length;
    var end = response.indexOf('"', start);
    var i = response.substring(start, end);
    var id = parseInt(i);
    var msg = sessionStorage.getItem('mb' + id);
    $('#stage').append(response);
    $('#mb_ok' + id + '_body').html(msg);
    var onClose = sessionStorage.getItem('mb' + id + '_onClose');
    if (onClose !== null || onClose !== 'undefined') {
        $('#mb_ok' + id).on('destroyed', eval(onClose));
    }
    document.activeElement.blur();
}

测试代码：

messageBox("This is my message box", () => { alert("BOX CLOSED!"); });

当我点击“确定”时，我得到：

YesNoBox 代码几乎相同，但同时具有 onYes 和 onNo 回调。

function yesNoBox(msg, onYes, onNo) {
    var id = sessionStorage.getItem('mb_yesno_index');
    if (id === null || id === 'undefined') id = "0";
    sessionStorage.setItem('mb_yesno_index', parseInt(id) + 1);
    sessionStorage.setItem('mb_yesno' + id, msg);
    sessionStorage.setItem('mb_yesno' + id + '_onYes', onYes);
    sessionStorage.setItem('mb_yesno' + id + '_onNo', onNo);
    
    var code = localStorage.getItem('mb_yesno');
    if (code === null || code === 'undefined') request('GET ui/mb_yesno.html?id=' + id, 'yesNoBoxResponse');
    else {
        var start = code.indexOf('mb_yesno') + 'mb_yesno'.length;
        var end = code.indexOf('"', start);
        var i = code.substring(start, end);
        code = code.replace('mb_yesno' + i, 'mb_yesno' + id);
        yesNoBoxResponse(code);
    }
}

yesNoBoxResponse（） 函数几乎相同，但增加了检查以确定是否选择了 yes 或 no：

function yesNoBoxResponse(response) {
    var start = response.indexOf('mb_yesno') + 'mb_yesno'.length;
    var end = response.indexOf('"', start);
    var i = response.substring(start, end);
    var id = parseInt(i);
    var msg = sessionStorage.getItem('mb_yesno' + id);
    $('#stage').append(response);
    $('#mb_yesno' + id + '_body').html(msg);
    
    $('#mb_yesno' + id).on('destroyed', () => {
        var answer = sessionStorage.getItem('mb_yesno' + id + '_answer');
        if (answer === null || answer === 'undefined') {
            errorBox('INTERNAL SERVER ERROR: dev.js@' + new Error().lineNumber);
        } else {
            var onYes = sessionStorage.getItem('mb_yesno' + id + '_onYes');
            var onNo = sessionStorage.getItem('mb_yesno' + id + '_onNo');
            alert('onYes = ' + onYes + '\n\nonNo = ' + onNo);
            if (onYes === null || onYes === 'undefined') onYes = 'errorBox("SERVER ERROR");';
            if (onNo === null || onNo === 'undefined') onNo = 'errorBox("SERVER ERROR");';
            //alert("onYes = " + onYes + "\nonNo = " + onNo);
            if (answer === 'YES') {
                eval(onYes);
            } else {
                eval(onNo);
            }
        }
    });
    document.activeElement.blur();
}

现在问题来了。eval（onYes） 和 eval（onNo） 将不起作用，即使代码正确。YesNo 框确实按预期关闭，但 eval（） 都没有触发。

这是我打电话时看到的内容

yesNoBox("This is my YESNO box.", () => { alert("YES CLICKED"); }, () => { alert("NO CLICKED"); });

（注意：我添加了alert（'onYes = ' + onYes + '\n\nonNo = ' + onNo）;只是为了表明onYes和onNo确实保留了正确的代码）

这是该警报，在变量中显示正确的代码：

但是 Yes 和 No 实际上都没有用 eval（） 触发。调试器不会显示任何问题。一切运行良好，但 YesNo 框只是关闭而不触发任何回调。

对不起，这篇文章很长，但我想确保我在这里涵盖了我的基础。有什么想法吗？