javascript - 如何解决此本地数据问题？ (Chrome 扩展、Javascript、jQuery)

Question

这个问题已经有答案了:

Why is my variable unaltered after I modify it inside of a function? - Asynchronous code reference (7 个回答)

已关闭 8 年前。

我正在尝试将本地数据保存在 Chrome 扩展程序中，但它不起作用。 “getData”函数始终返回未定义。我究竟做错了什么？是的，我在 list 中的权限下确实有“存储”。

var storage = chrome.storage.local

var getData = function(key) {
    var give;
    storage.get(null, function(objects) {
        $.each(objects, function(index, value) {
            if (index == key) { 
                give = value
                console.log(value) //OUTPUT: Hello!
            }
        })
    })
    return give
}

storage.set({"test" : "Hello!"})
console.log(getData("test")) //OUTPUT: undefined

Answer 1

使用回调函数，这样:

var storage = chrome.storage.local;

var getData = function(key, callback) {
    storage.get(null, function(objects) {
        $.each(objects, function(index, value) {
            if (index == key) { 
                callback(null, value);
            }
        });
    });
};

storage.set({"test" : "Hello!"});
getData("test", function (err, data) { // err will be null
    console.log(data); // "Hello!"
});

What is a callback function?