chrome消息传递的范围

Question

我正在尝试在内容脚本和后台脚本之间传递消息我想保存从后台页面发送的值，但我认为该值被卡在消息调用的范围内。如何将值存储在函数闭包之外？

Content_script.js：

var color = "red";
chrome.runtime.sendMessage({method: "getLocalStorage", key: "favColor"}, function(response) {
  color = response.data;
});

Background.js：

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
    if (request.method == "getLocalStorage")
      sendResponse({data: localStorage[request.key]});
    else
      sendResponse({}); // snub them.
});

Answer 1

你是对的，sendMessage 调用的回调内部的范围发生了变化。要更改 color 变量，您需要将范围传递给回调。一种方法是使用 javascript bind 方法将外部范围传递给回调。这可能看起来像：

var color = "red";
var changeColor = function(response, sender, sendResponse) {
  this.color = response.data;
};

chrome.runtime.sendMessage({method: "getLocalStorage", key: "favColor"}, 
    changeColor.bind(this));