javascript eval 如何处理“this”？

Question

我在 Firefox 3.6.11 中运行了测试，如果这很重要的话，并且 eval 在调用和应用的上下文中行为不当。它以某种方式跳过当前的“this”对象。为什么？

dojo.provide("yal-js.tests.javascript");

function evaltest () {
    var dis=this;
    // it works now... returns 2 on call and apply
    return eval("(function() {return this.testValue;}).call(dis);");
    // this, however, didn't work: it returned 1, not 2
    //return eval("(function() {return this.testValue;})();");
}
function controltest() {
    return this.testValue;
}

var testValue=1;
var testObj={testValue: 2};

doh.register("tests.javascript",
    new TFRunGroup(

        ["direct",
            function () {doh.assertEqual(1,controltest());} ],
        ["call",
            function() {doh.assertEqual(2, controltest.call(testObj) );}],
        ["apply",
            function() {doh.assertEqual(2, controltest.apply(testObj) );}],
        ["eval direct",
            function () {doh.assertEqual(1,evaltest());} ],
        ["eval call",
            function() {doh.assertEqual(2, evaltest.call(testObj) );}],
        ["eval apply",
            function() {doh.assertEqual(2, evaltest.apply(testObj) );}]
        ));

Answer 1

this 在 javascript 中是一个调用函数的对象，
当您使用 object.function() 时，this 是 object，
当您使用 function.call(object,...) 时，this 是 object，
当您使用 function.apply(object,...) 时，this 是对象，
当您使用new constructor(...)时，this是新构造的对象，
否则this是浏览器中的全局对象，它是window。

Answer 2

call 接受 this 的值作为其第一个参数（请参阅 此处）。因此，在第一行中，

return eval("(function() {return this.testValue;}).call(dis);");

您将传递给它的 dis ，它指向 evaltest，因此 this.testValue 指向 evaltest.testValue。

在不起作用的第二行中，

return eval("(function() {return this.testValue;})();");

您将 null 传递给 this，因此 this.testValue 设置为窗口的 this.testValue 对象。