JavaScript Closure - Eval() 和捕获 Eval() 范围内的变量

Question

我的问题是关于 JavaScript 闭包和 Eval() 函数。

我有一些看起来像这样的代码，还有一些其他 jQuery 插件相关的代码没有显示。如果需要，我可以用更多代码更新问题。

var _CurrentDataRowIndex = 1;

function LoadParsedRowTemplate(rowData, type) {

    var result;
    var asyncbinder = /&\{[\S\s]*?}&/g;

        while ((result = asyncbinder.exec(template)) != null) {
            replacement = eval("$.fn.ScreenSetup." + result[0].substring(2, result[0].length - 3) + ", rowData, " + _CurrentDataRowIndex + ")");
            template = template.replace(result[0], "AsyncBind!!");
            asyncbinder.lastIndex = 0;
        }

}

function AsynchronousBind(asyncFunc, args, rowData, rowIndex) {

    var watchTimer;

    asyncFunc.apply(this, Array.prototype.slice.call(args.FunctionArgs, 0));

    watchTimer = setInterval(function () {

        if (args.finished) {
            clearTimeout(watchTimer);
        }
        else {
            try {
                console.log("watching the async function for a return on row: " + rowIndex);
            }
            catch (err) {
            }
        }

    }, 1000);

}

Eval 不捕获 rowData 和 _CurrentDataRowIndex，它们在调用 AsynchronousBind 函数时都是未定义的。 eval 如何处理闭包？我想知道为什么 rowData 和 rowIndex 参数在 AsynchronousBind 中未定义。

编辑:

我知道 eval() 的争议性质，但这是用于防火墙后的应用程序，我正在添加到我们已经编写的插件中，该插件使用 eval 来解析包含 HTML 和 JavaScript 的模板。

下面是一个字符串被传递到 eval() 的例子:

 "$.fn.ScreenSetup.AsyncBind( _CurrentDataRow.isPromotionAvailable, {
     'FunctionArgs': {'doAsync' : true, 
                      'finished' : false}, 
      'Property': 'isPromotionAvailable()', 
      'ControlType': 'TextBox', 
      'ControlIdPrefix': 'promoAvail'}, rowData, 3)"

编辑(固定):

意识到当我添加 rowData 和 rowItem 时我忘记在我的插件中更改以下内容:

var asyncMethods = {
    AsyncBind: function (func, args) { return AsynchronousBind(func, args) }
}

应该是:

var asyncMethods = {
    AsyncBind: function (func, args, rowData, rowIndex) { return AsynchronousBind(func, args, rowData, rowIndex) }
}

更新此修复了 AsyncBind 函数中的 undefined reference 。

Answer 1

Understanding eval scope是一篇有趣的文章。它表明浏览器之间的范围不一致。如果必须使用 eval，则应注意仅指望它在全局范围内，并且不要在本地范围内重复使用全局变量名称，以防它在本地进行评估。

更好的是，不要使用 eval。您可能还有其他选择。