首頁猿問怎么將一個(gè)函數(shù)內(nèi)部的事件監(jiān)聽函數(shù)返...

怎么將一個(gè)函數(shù)內(nèi)部的事件監(jiān)聽函數(shù)返回的值返回出來

JavaScript

桃花長相依 2018-10-12 14:15:58

1.代碼如下，我希望從seclect中返回請(qǐng)求成功后取得的結(jié)果，請(qǐng)求是異步的，有什么辦法或者替代辦法？2.function select(key,store) { // 怎么保證這個(gè)異步結(jié)果的返回... var request3 = store.get(key); request3.onerror = function(event) { console.log("Error : " + event.errorCode); }; request3.onsuccess = function(event) { return event.target.result; }; }

查看完整描述

1 回答

猛跑小豬

TA貢獻(xiàn)1858條經(jīng)驗(yàn) 獲得超8個(gè)贊

1.回調(diào)函數(shù)

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);
      };
}// 調(diào)用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);
          };

   })
}// 調(diào)用select(key,store).then(function(result){    // success
    console.log(result)
}, function(e){    // error
    console.log(e)
})

3.Event

// 監(jiān)聽自定義事件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) {          // 觸發(fā)事件
          var myEvent = new Event('selectSuccess');
          myEvent.result = event.target.result;          window.dispatchEvent(myEvent);
      };
}

反對(duì) 回復(fù) 2018-11-08