javascript - Chrome Cookie API 不允许我使用返回值

Question

我正在制作一个 chrome 扩展，它在用户登录时设置一个 cookie。当我尝试使用 chrome.cookies.get() 方法读取 cookie 时，回调可以记录结果，但我无法将其传递出回调。

function getCookie (cookieName){
    var returnVal; 
    chrome.cookies.get({
        'url':'https://addictedtogether.com/',
        'name':cookieName
    },
    function(data){
        console.log(data); //log displays returned cookie in a object
        returnVal=data;
    }
    );
    console.log(returnVal);  //log says this is undefined
    return returnVal;
}

我尝试使用几种不同的方式来传递结果，但似乎该对象是未定义的，除非它是从回调中调用的。

Answer 1

问题是您的回调是在主函数返回后调用的。 (扩展 API 被称为异步是有原因的!)returnVal 未定义，因为它尚未分配给它。尝试修改您的函数以接受回调参数:

function getCookie (cookieName, callback){
    chrome.cookies.get({
        'url':'https://addictedtogether.com/',
        'name':cookieName
    },
    function(data){
        callback(data);
    });
}

// Use like this:
getCookie("CookieName", function(cookieData){
  // Do something with cookieData
});

如果您不喜欢传递回调，您也可以修改您的函数以返回延迟。如果你必须处理大量的异步函数调用，deferreds 会让你的生活轻松很多。下面是一个使用 jQuery.Deferred 的示例:

function getCookie (cookieName){
    var defer = new jQuery.Deferred();
    chrome.cookies.get({
        'url':'https://addictedtogether.com/',
        'name':cookieName
    },
    function(data){
        defer.resolve(data);
    });
    return defer.promise();
}
// Example use:
getCookie("FooBar").done(function(data){
  // Do something with data
});