我知道javascript是异步的,如果我在.then
之后进行for循环,则循环结束,然后对象承诺才变得清晰起来,但是我一生都无法修复此代码段,也许有人可以帮我。我的目标是循环检查我从函数中获取的变量ans
是否等于变量account
,如果是,则打印出我从其他函数中获得的信息。
loopforCetrs : function() {
var num;
var account = web3.currentProvider.selectedAddress;
App.contracts.StudentState.deployed().then(function (instance) {
return instance.showNumOfContracts();
}).then(function (numOfCert) {
num = numOfCert;
var wrapper = document.getElementById("myHTMLWrapper");
for (var i = 0; i < num; i++) {
App.ShowAddress(i).then(function (ans) {
if(ans == account) {
alert(ans+' Hello');
alert(account+' Hi')
App.ShowFName(i).then(function (ans) {
wrapper.innerHTML += '<span class="test">Name: ' + ans + ' </span><br/><br/>';
})
App.ShowLName(i).then(function (ans) {
wrapper.innerHTML += '<span class="test">Surname: ' + ans + ' </span><br/><br/>';
})
App.ShowInstName(i).then(function (ans) {
wrapper.innerHTML += '<span class="test">Institutions name: ' + ans + ' </span><br/><br/>';
})
App.ShowAddress(i).then(function (ans) {
wrapper.innerHTML += '<span class="test">Users address: ' + ans + ' </span><br/><br/>';
})
App.ShowCourseName(i).then(function (ans) {
wrapper.innerHTML += '<span class="test">Course name: ' + ans + ' </span><br/><br/>';
wrapper.innerHTML += '<span class="test"></span><br/><br/>';
})
}
})
}
})
},
编辑1:这是我以前使用的代码,它可以完成工作,但是现在我想添加1件事然后撞墙。
loopforCetrs : function() {
var num;
var account = web3.currentProvider.selectedAddress;
App.contracts.StudentState.deployed().then(function (instance) {
return instance.showNumOfContracts();
}).then(function (numOfCert) {
num = numOfCert;
var wrapper = document.getElementById("myHTMLWrapper");
for (var i = 0; i < num; i++) {
App.ShowFName(i).then(function (ans) {
wrapper.innerHTML += '<span class="test">Name: ' + ans + ' </span><br/><br/>';
})
App.ShowLName(i).then(function (ans) {
wrapper.innerHTML += '<span class="test">Surname: ' + ans + ' </span><br/><br/>';
})
App.ShowInstName(i).then(function (ans) {
wrapper.innerHTML += '<span class="test">Institutions name: ' + ans + ' </span><br/><br/>';
})
App.ShowAddress(i).then(function (ans) {
wrapper.innerHTML += '<span class="test">Users address: ' + ans + ' </span><br/><br/>';
})
App.ShowCourseName(i).then(function (ans) {
wrapper.innerHTML += '<span class="test">Course name: ' + ans + ' </span><br/><br/>';
wrapper.innerHTML += '<span class="test"></span><br/><br/>';
})
}
})
},
使用承诺按预期方式进行。坦率地说,用ES6 async/await
和模板文字可以使代码更简单的时候,该代码是噩梦般的:
loopforCetrs : async function() {
const account = web3.currentProvider.selectedAddress;
const numOfCert = await (await App.contracts.StudentState.deployed()).showNumOfContracts());
const wrapper = document.getElementById("myHTMLWrapper");
for (let i = 0; i < numOfCert; i++) {
if((await App.ShowAddress(i)) == account) {
//alert(ans+' Hello'); no more ans
alert(account+' Hi');
wrapper.innerHTML += `<span class="test">Name: ${await App.ShowFName(i)} </span><br/><br/>`;
wrapper.innerHTML += `<span class="test">Surname: ${await App.ShowLName(i)} </span><br/><br/>`;
wrapper.innerHTML += `<span class="test">Institutions name: ${await App.ShowInstName(i)} </span><br/><br/>`;
wrapper.innerHTML += `<span class="test">Users address: ${await App.ShowAddress(i)} </span><br/><br/>`;
wrapper.innerHTML += `<span class="test">Course name: ${await App.ShowCourseName(i)} </span><br/><br/>`;
wrapper.innerHTML += `<span class="test"></span><br/><br/>`;
}
}
}
这样,在解决了回调后,不会出现i
是错误值的问题,因为等待了所有事情,并且可以保证在i
更改值之前在该循环迭代中可以完全解决。
仍然有很多冗余,但是我更喜欢的解决方法是将方法添加到App
中,这些方法返回的信息不多于单个信息。如果有一个可以返回所有相关信息的代码,则可以减少另外5行冗余代码,从而大大提高性能和效率。