javascript - 如何将 chrome.storage 中的值分配给扩展变量

Question

所以我正在制作一个 chrome 扩展游戏。我有一个要存储的高分变量chrome.storage。

在 background.js 中，我有：

chrome.storage.sync.set({"highScore": 0});

在 popup.js 中，我有：

document.addEventListener("DOMContentLoaded", function () {
 
    let highScore;
    
    chrome.storage.sync.get('highScore', (result) => {
        highScore = result.highScore;
        console.log(highScore); // here it is 0
    })

    console.log(highScore); // here it is undefined

});

为什么 ？

有没有办法做我想做的事？

标签： javascriptgoogle-chromegoogle-chrome-extensionscopegoogle-chrome-storage