js for里面的变量问题

Posted 2023-04-11

码农大神，认真读以下代码，秀一下您的智商，帮我解决以下问题
<script>
var dfpic="./static/image/common/nophoto.gif";
var x="";
var cha=document.getElementById("pic")

var aaa = new Array()
aaa[1] = "1.jpg"
aaa[2] = "2.jpg"
aaa[3] = "3.jpg"
aaa[4] = "4.jpg"
aaa[5] = "5.jpg"

for (var i=1;i<6;i++)


var xxxx=aaa[i];

x="<li><img id=changepic"+i+" src="+aaa[i]+"></li>";

if (aaa[i] != dfpic)
document.write(x)

$('changepic'+i).onmouseover=function()
cha.src=xxxx;



</script>

以上为代码
问题：为什么设置的src路径总是最后一次步长对应数组的值，也就是 5.jpg
现在i的步长写的是6，如果改为5，那onmouseover后设置的全都是4.jpg,都是最后一次。
我想要changepic1经过时设置为1.jpg。changepic2经过时设置为2.jpg,以此类推
大神指点

参考技术A 码农来啦，智商不高

...
x="<li><img id=changepic"+i+" src="+aaa[i]+"></li>";
...
$('changepic'+i).onmouseover=function()
    cha.src=(this.id)+1+".jpg"; // 根据属性来获取，属性是不变的
   
...

追问

大师就是大师。
但是。
我是为了演示方便把数组中的值换成了简单的jpg路径。
实际应用中数组中的值是从数据库中读取的没规则的路径。
您再给解答一下呗

参考技术B i是函数里的全局变量 一直在改变
$('changepic'+i).index = i; //加一句这个
$('changepic'+i).onmouseover=function()
cha.src = this.index; //获取自身对象的属性
参考技术C for (var i=1;i<6;i++)，因为"<6"是小于6时才执行,可以写成 for (var i=1;i<=5;i++)追问

谢谢您的回答。但关键的是另一个问题，您可以仔细看一下我说的问题，问题：所有的onmouseover事件全部都设置成了5.jpg 我想要id:changepic1经过时设置为1.jpg, changepic2经过时设置为2.jpg changepic3经过时设置为3.jpg 以此类推 按照常理这5次循环中应该达到此目的，可都设置成了5.jpg 为题出在何处？大神解答

node.js 回调获取变量的意外值

【中文标题】node.js 回调获取变量的意外值

【英文标题】：node.js callback getting unexpected value for variable

【发布时间】：2010-12-24 22:45:53

【问题描述】：

我有一个 for 循环，在它里面有一个用 var 赋值的变量。同样在循环内部调用了一个需要回调的方法。在回调函数中，我使用循环中的变量。我希望回调函数内部的值与循环迭代期间回调外部的值相同。但是，它似乎总是来自循环的 last 迭代的值。

是我误解了 JavaScript 中的作用域，还是有其他问题？

这里讨论的程序是一个 node.js 应用程序，它将监视工作目录的更改并在找到时重新启动服务器。我将包含所有好奇的代码，但重要的是 parse_file_list 函数。

var posix = require('posix');
var sys = require('sys');
var server;
var child_js_file = process.ARGV[2];
var current_dir = __filename.split('/');
current_dir = current_dir.slice(0, current_dir.length-1).join('/');

var start_server = function()
    server = process.createChildProcess('node', [child_js_file]);
    server.addListener("output", function(data)sys.puts(data););
;

var restart_server = function()
    sys.puts('change discovered, restarting server');
    server.close();
    start_server();
;

var parse_file_list = function(dir, files)
    for (var i=0;i<files.length;i++)
        var file = dir+'/'+files[i];
        sys.puts('file assigned: '+file);
        posix.stat(file).addCallback(function(stats)
            sys.puts('stats returned: '+file);
            if (stats.isDirectory())
                posix.readdir(file).addCallback(function(files)
                    parse_file_list(file, files);
                );
            else if (stats.isFile())
                process.watchFile(file, restart_server);
        );
    
;

posix.readdir(current_dir).addCallback(function(files)
    parse_file_list(current_dir, files);
);

start_server();

由此产生的输出是：

file assigned: /home/defrex/code/node/ejs.js
file assigned: /home/defrex/code/node/templates
file assigned: /home/defrex/code/node/web
file assigned: /home/defrex/code/node/server.js
file assigned: /home/defrex/code/node/settings.js
file assigned: /home/defrex/code/node/apps
file assigned: /home/defrex/code/node/dev_server.js
file assigned: /home/defrex/code/node/main_urls.js
stats returned: /home/defrex/code/node/main_urls.js
stats returned: /home/defrex/code/node/main_urls.js
stats returned: /home/defrex/code/node/main_urls.js
stats returned: /home/defrex/code/node/main_urls.js
stats returned: /home/defrex/code/node/main_urls.js
stats returned: /home/defrex/code/node/main_urls.js
stats returned: /home/defrex/code/node/main_urls.js
stats returned: /home/defrex/code/node/main_urls.js

对于那些来自未来的人： node.devserver.js

【参考方案1】：

这是完全正常的行为。您的回调在稍后的某个时间点（异步）执行，但仍引用您的 for 循环运行的范围。因此，所有对 file 的回调引用都将具有最后一个值设置为。

您要做的是创建一个新的函数范围，将 file 的当前值分配给一个局部变量并在该范围内创建回调。

    for (var i=0;i<files.length;i++)
        var file = dir+'/'+files[i];
        (function() 
            var file_on_callback = file;
            sys.puts('file assigned: '+ file_on_callback);
            posix.stat(file_on_callback).addCallback(function(stats)
                sys.puts('stats returned: '+ file_on_callback);
                if (stats.isDirectory())
                    posix.readdir(file_on_callback).addCallback(function(files)
                        parse_file_list(file_on_callback, files);
                    );
                else if (stats.isFile())
                    process.watchFile(file_on_callback, restart_server);
            );
        )(); // This creates and executes a new function with its own scope.