关于javascript:编程篇007请写出以下代码的执行结果

8次阅读

共计 913 个字符,预计需要花费 3 分钟才能阅读完成。

例 1:

var obj = new Object();
var events = {m1: 'clicked', m2: 'changed'};

for (var e in events) {(function() {
        var aValue = e;
        obj[e] = function() {
            // var aValue = e;
            console.log(events[aValue]);
        };
    }());
};

console.log(obj.m1 === obj.m2); // false

obj.m1(); // clicked
obj.m2(); // changed

例 2:

var obj = new Object();
var events = {m1: 'clicked', m2: 'changed'};

for (var e in events) {(function() {
        // var aValue = e;
        obj[e] = function() {
            var aValue = e;
            console.log(events[aValue]);
        };
    }());
};

console.log(obj.m1 === obj.m2); // false

obj.m1(); // changed
obj.m2(); // changed

参考答案:

例 1:false clicked changed
例 2:false changed changed

解析:

以上两个例子中,除了 var aValue = e; 这一句地位不同:例 1 位于外层匿名函数中、例 2 位于内层匿名函数中,其余局部完全相同。为什么后果不同?

例 1:for 循环进行的过程中,就把过后的 e 像拍照一样封存在了 aValue 变量里(留神,这里每一次循环都产生了一个新的闭包,所以循环了几次就有几个 aValue 同时存在,本例是 2 个,它们的值别离是 ’m1′ 和 ‘m2’),当你调用 obj.m1() 时,取的是闭包中的 aValue,而不是当初的 e 了。

例 2:内层函数 obj.m1 和 obj.m2 是在循环完结后才执行的,此时循环变量 e 的值为 ’m2’(留神 e 是 for 循环的循环变量,而当你调用 obj.m1() 和 obj.m2() 的时候,for 循环早已完结了,因而它的循环变量 e 曾经永远地停留在了 ‘m2’),因而 obj.m1 和 obj.m2 中的局部变量 aValue 的值只能是 ’m2’。

正文完
 0