eval黑魔法失去了范围

Question

免责声明我不赞同使用eval,我在编写代码时不使用它.

我在一个遗留项目上分配逻辑,并且在eval中遇到了一些非常奇怪的行为,并且想知道为什么会出现这种行为的原因.

var baz = function(cb) {
    cb('asdf');
}

function foo(qux, callback) {
    setTimeout(function() {
        // eval(callback('asdf')); // works
        // eval(baz(callback)); // works
        // eval(qux + "(" + callback + ")"); // resolve is undefined
    });
}

function bar() {
    return new Promise((resolve, reject) => {
        try {
            foo('baz', function(response){
                resolve(response);
            });
        } catch (e) {
            reject(e);
        }
    });
}

function init() {
    bar()
    .then(response => {
        console.log(response)
    })
    .catch(e => console.log(e));

}

init();

我写了三个使用eval的不同方法的例子,在函数中注释了foo 第三个例子不起作用.这是我关心的例子,因为它是我们遗留代码的工作方式.我知道还有其他方法可以解决这个问题.我的解决方案是重写函数而不是使用eval.

我的问题非常准确,当你将函数名作为字符串传递时,为什么 eval会失去作用域,但是当你传递对同一函数的实际引用时它不会失去作用域？

这是一个jsfiddle:https://jsfiddle.net/tkcjay4x/6/

Answer 1

我不得不承认,标题让我有点害怕.如果我理解这个"黑魔法",它会让我成为一个邪恶的巫师吗？

当你这样做时eval(baz(callback)),baz调用callback并eval执行返回值baz,即undefined.eval(undefined)等于eval('undefined')等于undefined.因此,在这种情况下,使用eval基本上是无操作 - 只是做baz(callback)会产生相同的结果.

当你这样做时eval(qux + "(" + callback + ")"),qux + "(" + callback + ")"评估为'baz(function(response){ resolve(response); })'.当您将其传递给eval时,代码会尝试访问名为的函数resolve,该函数在当前作用域中不存在.这就是为什么它不起作用.如果直接调用函数,它可以访问定义它的作用域中存在的变量,但是如果将函数转换为字符串并将其传递给它eval,则它只能访问当前作用域中的变量.