我正在尝试将 for 循环参数 i 提供给内部闭包,因为我想识别我解码的音频(放在缓冲区内)。
此代码给出一个错误:e 未定义。但是,当删除)(test)时它可以工作,我的意思是测试等于所有结果的list.length,但是我希望它们在调用时具有当前参数i的值。
for (var i = 0; i < list.length; i++) { //load in every url
requestArray.push(new XMLHttpRequest());
requestArray[i].open('GET', list[i].url, true);
requestArray[i].responseType = 'arraybuffer';
test = i;
requestArray[i].onload = (function (e) {
//Async method: ASK J
context.decodeAudioData(e.target.response, (function (buffer) { //Async method
console.log(test);
if (!buffer) {
alert('error decoding file data: ');
return;
}
})(test),
function (e) {
console.log('Error decoding audio file', e)
});
})(test);
requestArray[i].onerror = function () {
alert('BufferLoader: XHR error');
}
requestArray[i].send();
}
for (var i=0; i<list.length; i++){
requestArray.push(new XMLHttpRequest());
requestArray[i].open('GET', list[i].url, true);
requestArray[i].responseType = 'arraybuffer';
requestArray[i].onload = (function (i) {
return function (resp) {
// i: index in requestArray
// resp: the response object passed when the onload event occurs
context.decodeAudioData(
resp.target.response,
(function(test) {
return function (buffer) {
console.log(test);
if (!buffer) {
alert('error decoding file data: ');
return;
}
}
}(i)),
function(e) { console.log('Error decoding audio file', e)}
);
}
}(i));
requestArray[i].onerror = function() {
alert('BufferLoader: XHR error');
}
requestArray[i].send();
}
请注意,要创建闭包,函数必须返回一个函数。
这是一个闭包:
(function(){
var a = "b";
return function(){ alert(b); }
}());
这是按所见
(function(){
var a = "b";
}());
你的代码没有做你想要的。您不是将test
绑定为参数,而是立即使用参数调用匿名函数test
并将其返回的结果作为参数传递给 decodeAudioData
。我建议先解决这个问题。例如,通过使用Function.prototype.bind。
我会尝试这样的语法(我也会采用更模块化的方法,有几个声明的函数)
for (var i=0; i<list.length; i++){ //load in every url
requestArray.push(new XMLHttpRequest());
requestArray[i].open('GET', list[i].url, true);
requestArray[i].responseType = 'arraybuffer';
test = i;
requestArray[i].onload = (function(outerIndex){
return function (e) { //Async method: ASK J
context.decodeAudioData(e.target.response,
(function(index){
return function(buffer) { //Async method
console.log(index);
if (!buffer) {
alert('error decoding file data: ');
return;
}
};
})(outerIndex), function(e) { console.log('Error decoding audio file', e)});
};})(test);
requestArray[i].onerror = function() {
alert('BufferLoader: XHR error');
}
requestArray[i].send();
}
当你把
})(test);
您在那个时候(而不是在事件发生时)运行函数,像 e 一样通过了测试。我不明白"e 是未定义的"e 是 i。
你能尝试把"var"放在你定义变量测试的地方并删除")(测试)"吗?我认为这个问题在测试范围内。