我有一个for循环,在其中一个变量赋值为var.同样在循环内部调用一个需要回调的方法.在回调函数内部,我正在使用循环中的变量.我希望它在回调函数中的值与在循环迭代期间回调之外的值相同.但是,它似乎总是循环的最后一次迭代的值.
我误解了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
解决方法
这是完全正常的行为.您的回调在稍后的某个时间点(异步)执行,但仍然引用您的for循环运行的范围.因此,对文件的所有回调引用都将具有它设置的最后一个值.
您要做的是创建一个新的函数作用域,将文件的当前值分配给局部变量并在该作用域内创建回调.
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. }