Question

我有一个小问题，理解jQuery延迟和承诺，我想用于我第一次开发的Chrome扩展。我希望能够在弹出窗口中检测到当前选项卡是否为Facebook.com。我知道可能有更简单的方法，但我想学习延期和承诺。这只是一个测试项目。对不起，我的英语不好，每一条评论都非常感谢！提前致谢。您将在下面找到我的代码...

function getCurrentTabUrl(callback) {
  // https://developer.chrome.com/extensions/tabs#method-query
  alert("hmm");
  var dfd = $.Deferred();
  var queryInfo = {
    active: true,
    currentWindow: true
  };

  chrome.tabs.query(queryInfo, function(tabs) {
    alert(tabs[0].url);
    if(callback(tabs[0].url)) {
      dfd.resolve();
    } else {
      dfd.reject();
    }
  });

  return dfd.promise();

}


document.addEventListener('DOMContentLoaded', function() {

  var callback = function getCurrentTab(tab){
        alert("ök");
        if(tab == "https://www.facebook.com/") { return true; }
        else { return false; }

  }

  getCurrentTabUrl(callback).done(function () {
      alert('on facebook');
      $('.section').hide();

      $('.navitem').on('click', function () {
        var value = $(this).html().toLocaleLowerCase();
        $('.section').hide();

        $('#'+value).show();
      });


  }).fail(function () {
    alert('not on facebook');
  });
});

Answer 1

基本上你要做的就是用一个回调“转”一个函数作为一个承诺，但你做错了。

试试这个：

function getCurrentTabUrl(callback) {
    return new Promise(function (resolve, reject) {
        // https://developer.chrome.com/extensions/tabs#method-query
        alert("hmm");
        var queryInfo = {
            active: true,
            currentWindow: true
        };

        chrome.tabs.query(queryInfo, function (tabs) {
            alert(tabs[0].url);
            if (callback(tabs[0].url)) {
                resolve();
            } else {
                reject();
            }
        });
    });
}

here中有更多内容。

chrome扩展代码中的简单jQuery延迟问题

1 个答案: