javascript - 怎么将一个函数内部的事件监听函数返回的值返回出来
本文介绍了javascript - 怎么将一个函数内部的事件监听函数返回的值返回出来的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
1.代码如下,我希望从seclect中返回请求成功后取得的结果,请求是异步的,有什么办法或者替代办法?
2.
function select(key,store) { // 怎么保证这个异步结果的返回...
var request3 = store.get(key);
request3.onerror = function(event) {
console.log("Error : " + event.errorCode);
};
request3.onsuccess = function(event) {
return event.target.result;
};
}
解决方案
1.回调函数
function select(key,store, callback) {
var request3 = store.get(key);
request3.onerror = function(event) {
console.log("Error : " + event.errorCode);
};
request3.onsuccess = function(event) {
callback(event.target.result);
};
}
// 调用
select(key,store, function(result) {
console.log(result)
})
2.Promise
function select(key,store, onsuccess) {
var request3 = store.get(key);
return new Promise(function(resolve, reject) {
request3.onerror = function(event) {
reject(event);
};
request3.onsuccess = function(event) {
resolve(event.target.result);
};
})
}
// 调用
select(key,store).then(function(result){
// success
console.log(result)
}, function(e){
// error
console.log(e)
})
3.Event
// 监听自定义事件
window.addEventListener('selectSuccess', function(e){
console.log(e.result)
})
function select(key,store, onsuccess) {
var request3 = store.get(key);
request3.onerror = function(event) {
console.log("Error : " + event.errorCode);
};
request3.onsuccess = function(event) {
// 触发事件
var myEvent = new Event('selectSuccess');
myEvent.result = event.target.result;
window.dispatchEvent(myEvent);
};
}
这篇关于javascript - 怎么将一个函数内部的事件监听函数返回的值返回出来的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文