크롬 storage.get 범위 문제

Question

나를 멍청한 놈 전화 그러나 나는이 작업을 얻이 수없는 것 :

var value = ""; // Tried this 
function getKey(key) { 
    var value = ""; // And this 
    chrome.storage.local.get(key, function (data) { 
    var value = data[key]; 
    console.log(value); // This prints the correct value 
    }); 
    console.log(value); // But this will always print null 
} 

어떤 생각을 왜?

Answer 1

chrome.storage.local.get 호출은 비동기입니다. getKey 함수는 콜백이 실행되기 전에 반환되므로 값이 설정되지 않습니다.

function getKey(key, callback) { 
    chrome.storage.local.get(key, function(data) { 
    var value = data[key]; 
    callback(value); // This calls the callback with the correct value 
    }); 
} 

을 그리고 getKey로 호출과 같이 나타납니다 :

getKey에 값을 반환하기 위해 당신과 같이 재정의 할 필요가

getKey("some_key", function(value) { 
    // do something with value 
}); 

Answer 2

여기에 2 문제가 있습니다. (1) 범위 문제. (2) 비동기 문제. 시험해보기 :

// define getKey() 
function getKey(key, callback) { 
    chrome.storage.local.get(key, function (data) { 
    callback(data[key]); 
    }); 
} 

// use getKey() 
function setDocumentTitle(title) { 
    document.title = title; 
} 

getKey('title', setDocumentTitle);