我正在使用Typescript在Cordova中为Android开发一个应用程序,并且与Webpack捆绑在一起。我不太了解如何在Javascript中执行异步任务。我看到了一些有关回调和Promise的教程,但是对我来说仍然很困惑,我无法设法使其适应我的代码。我不知道我的问题是否来自代码本身,还是来自Typescript / Cordova / Webpack。
我创建了一个函数getAllSMS
,该函数返回一个大对象,并花费一些时间来执行。我知道该函数有效,因为如果我尝试在检查器的控制台中打印allSMS
变量,则该变量起初为空,然后像1秒一样被填充。 (我认为检查员的行为很奇怪,但实际上确实如此)。
我看到我可以用诺言完成异步任务,但是我在理解它如何工作时遇到了一些问题。我看过一些教程,但我仍然不明白如何将其应用于我的代码。
谢谢
[编辑]:这是我的getAllSMS函数转换为Promise:
public getAllSMS() {
return new Promise(//return a promise
(resolve,reject)=>{
if (SMS) {
SMS.listSMS(this.filters, function (data) {
resolve(data);//added this, resolve promise
}, function (err) {
console.log('error list sms: ' + err);
reject(err);//added this reject promise
});
}else{
resolve([]);//added this, resolving to empty array?
}
}
).then(
data=>{
let contacts = {};
for (let key in data) {
if ((data[key].address).length > 7 && (data[key].address).match("[0-9]+")) {
let date = SMSManager.convertUnixDate(data[key].date); // on converti le format de date de listSMS
if (contacts.hasOwnProperty(data[key].address)) {
Object.defineProperty(contacts[data[key].address], data[key]._id, {
value: {
"body": data[key].body,
"date": date
}
});
} else {
let myid = String(data[key]._id);
Object.defineProperty(contacts, data[key].address, {
value: {
"000": {
"body": data[key].body,
"date": date
}
}
});
}
}
}
return contacts;
}
);
}
编辑2:我这样调用我的函数,但我的for in循环仍未执行,尽管我的变量似乎已正确加载。
sms.getAllSMS().then( allSMS => {
console.log('allSMS');
console.log(allSMS);
console.log('then is readed'); // this is readed
for (let key in allSMS) {
console.log(allSMS[key]); // this is not executed
}
}).catch(
error => console.warn("something is wrong")
);
这是控制台的屏幕截图(控制台中的“对象”为allSMS)。在“对象”旁边有一个小“ i”字样:“下面的值现在才被求值”。
最佳答案
我怀疑sms.getAllSMS返回了Promise,因此您可以尝试以下操作:
sms.getAllSMS()
.then(
allSMS => {
for (let key in allSMS) {
console.log(allSMS[key]);
}
}
)
.catch(
error=>console.warn("something went wrong, error is:",error)
)
您的getAllSMS不返回任何内容,请确保它返回了一个Promise:
public getAllSMS(): object {
return new Promise(//return a promise
(resolve,reject)=>{
if (SMS) {
SMS.listSMS(this.filters, function (data) {
resolve(data);//added this, resolve promise
}, function (err) {
console.log('error list sms: ' + err);
reject(err);//added this reject promise
});
}else{
resolve([]);//added this, resolving to empty array?
}
}
).then(
data=>{
let contacts = {};
data.forEach(
item=>{
if ((item.address).length > 7 && (item.address).match("[0-9]+")) {
let date = SMSManager.convertUnixDate(item.date); // on converti le format de date de listSMS
if (contacts.hasOwnProperty(item.address)) {
Object.defineProperty(contacts[item.address], item._id, {
value: {
"body": item.body,
"date": date
}
});
} else {
Object.defineProperty(contacts, item.address, {
value: {
"000": {
"body": item.body,
"date": date
}
}
});
}
};
}
);
return contacts;
}
);
}