zqm3351533 2011-09-01 16:46
浏览 230
已采纳

一道有趣的javascript题目.

有如下两段代码, 第一段代码执行后弹出3次对话框都显示2,
而第二段代码执行后弹出3次对话框分别显示0,1,2.
第二段代码在for循环里比第一段代码多了一层匿名函数自执行.
这时什么原因,谁能解释一下:

[code="java"]function test( num ) {
var funArray = new Array();
for (var i = 0; i < num; i++) {
var trueValue = i;
funArray.push( function() {
alert( trueValue );
});
}
return funArray;
}

var val = test( 3 );
for(var i = 0; i < val.length; i++) {
vali;
}[/code]

[code="java"]function test( num ) {
var funArray = new Array();
for (var i = 0; i < num; i++) {
(function() {
var trueValue = i;
funArray.push( function() {
alert( trueValue );
});
})();
}
return funArray;
}

var val = test( 3 );
for(var i = 0; i < val.length; i++) {
vali;
}[/code]

  • 写回答

5条回答 默认 最新

  • 峭沙 2011-09-02 10:39
    关注

    呵呵,这面试题没仔细想还真会被搞糊涂了,不过单步运行下就很清楚了。这道题的主要问题在于循环体中的trueValue。[code="js"]for (var i = 0; i < num; i++) {

    var trueValue = i;

    funArray.push( function() {

    alert( trueValue );

    });

    }
    /*这段代码中执行了3次var trueValue = i;因为都是在同一作用域里边,所以每次执行都会覆盖掉上次的结果,最后执行结果必然是var trueValue = 2; 弹出3次2也就不足为奇了*/[/code][code="js"]for (var i = 0; i < num; i++) {

    (function() {

    var trueValue = i;

    funArray.push( function() {

    alert( trueValue );

    });

    })();

    }

    /*
    这段代码执行了3次匿名函数
    function() {

    var trueValue = i;

    funArray.push( function() {

    alert( trueValue );

    });

    }
    也就是创建了3个不同的匿名function对象,这些function对象拥有各种的trueValue属性,也就是说3个trueValue变量有不同的作用域,所以每次alert出来的都是不同的trueValue。
    */ [/code]

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题?

悬赏问题

  • ¥15 matlab数字图像处理频率域滤波
  • ¥15 ELGamal和paillier计算效率谁快?
  • ¥15 file converter 转换格式失败 报错 Error marking filters as finished,如何解决?
  • ¥15 ubuntu系统下挂载磁盘上执行./提示权限不够
  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 关于#r语言#的问题:差异分析前数据准备,报错Error in data[, sampleName1] : subscript out of bounds请问怎么解决呀以下是全部代码:
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行