firefox - 无法从 browser.storage.local.get 中提取数据

Question

尝试为 firefox 插件/扩展版本 64.0 实现选项页面。我正在使用 browser.storage.local.se t 存储数据。但是当我使用 browser.storage.local.get拉取数据，结果为<unavailable>在控制台日志上。

以下是我在 options.js 中运行的函数文件(我在表单字段 njnj 上输入了 gateway 并点击了提交按钮)

function saveOptions(e) {
  e.preventDefault();
  console.log("you are here")
  console.log(document.querySelector("#gateway").value)
  browser.storage.local.set({
  "gateway": document.querySelector("#gateway").value  });
  console.log(browser.storage.local.get("gateway"))
}

document.querySelector("form").addEventListener("submit", saveOptions);

我在控制台日志中的实际输出如下:

you are here                                         options.js:4:3
njnj                                                options.js:5:3
<unavailable>                                       options.js:8:3

Answer 1

好的，所以我确实部分弄清楚了为什么上面的代码不起作用。问题是 browser.storage.local.get() 在 javascript 中返回一个“promise”(我实际上还不知道它是什么意思)。所以你必须有一个代码，它实际上会从这个“ promise ”中检索答案/保存的值。我将举例说明如何检索值:

// first save a key value pair into storage
browser.storage.local.set({"key": 'value'})

// to retrieve this value, first declare a new variable
var savedvalue = "zero"

// retrieve the 'promise' of key value pair, then run the associated function to get
//the savedvalue and set it equal to previously declared variable. 
browser.storage.local.get(['key'], function(result) {savedvalue = result.key});

// now, when you call savedvalue (even outside the function above), it will return 'value'
console.log(savedvalue)

output>> value