Question

我试图在＆＃34;隔离的＆＃34;中运行可信赖的 JS代码上下文。基本上想出了这个方法：

＆＃13;

function limitedEval(src, context) {
    return (function() {
        with(this) {
            return eval(src) 
        }
    }).call(context)
}

＆＃13;

这很好用，但是当脚本使用var关键字时，它存储在执行上下文中，而不是在with语句中提供的上下文（我理解是通过设计）。例如，以下代码不起作用：

＆＃13;

var ctx = {};
limitedEval('var foo = "hello"', ctx);
limitedEval('alert(foo)', ctx); // error: foo is undefined

＆＃13;

我希望能够多次调用limitedEval（）并重用上下文。这可能吗？

Answer 1

这似乎是一个非常有趣的问题。代码的问题在于，每次执行limitedEval时都会生成新函数。这意味着，使用var关键字创建的任何变量都只存在于该函数的上下文中。你真正需要的是每个上下文有1个函数并重用该函数的上下文。最明显的方法是使用generators。生成器本质上是可以暂停然后重新启动的函数。

// IIFE to store gen_name
var limitedEval = function() {
    // Symbol for generator property so we don't pollute `ctx` namespace
    var gen_name = Symbol();

    return function limitedEval(src, context) {
        if(!(gen_name in context)) {
            // Generator that will run eval and pause til getting the next source code
            var generator = function * () {
                with(this) {
                    while(true) {
                        yield eval( yield );
                    }
                }
            };

            context[gen_name] = generator.call(context);

            // Initially, we need to execute code until reaching the first `yield`
            context[gen_name].next();
        }

        // First, send the source to the `eval`
        context[gen_name].next( src );

        // Second, get the `eval` result
        return context[gen_name].next().value;
    };
}();

现在你可以打电话了

var ctx = {};
limitedEval('var foo = "hello"', ctx);
limitedEval('alert(foo);', ctx);

每次limitedEval调用现在都会重用它在提供的ctx对象上找到的任何生成器函数。如果该函数不存在，它将创建它并将其放在ctx对象上。因为现在每个ctx只有一个函数，所以在使用var关键字创建变量时，它将重用函数的上下文。注意：您将无法通过ctx对象查找这些变量，因为它们只存在于函数的上下文中。

我不完全确定你是否可以在不使用发电机的情况下获得相同的结果。

修改：其他人提出了很好的建议，因此我使用Symbol替换了随机生成的属性并执行了with(this)而不是with(context)

在有限的上下文中运行JS代码

1 个答案: