javascript - 使用 self.port.on 时，Firefox 内容脚本中的变量未更新

Question

这个问题已经有答案了:

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

已关闭 6 年前。

我正在尝试更新版本变量，但这并没有按照我的想法进行。例如，当我这样做时:

self.port.on("get-version", ver => { version = ver; alert(version); });

我收到带有版本号的警报，但 HTML 仍然是 0.0.0，我用它在内容脚本的开头定义版本变量。

ma​​in.js

pageMod.PageMod({
    include: "https://na6.salesforce.com/500?fcf=00B8000000*",
    contentStyleFile: ["./css/salesforceoverlay.css"],
    contentScriptFile: ["./external/jquery/jquery-1.11.3.min.js", "./js/salesforceoverlay.js"],
    onAttach: function(worker) { worker.port.emit('get-version', self.version); }
});

content-script.js

var version = "0.0.0";
self.port.on("get-version", ver => { version = ver; alert(version); });


$("body").append("<div id='helpSection' class='overlay'>\
    <p><b>Salesforce Overlay: " + version + "</b>\

    //more paragraphs/text and such... 

    </p>\
</div>");

Answer 1

您只更新变量，而不是过去从该变量派生的任何内容，即 HTML 内容。

这与 FF 插件代码无关，它是 HTML DOM 和 javascript 一般工作方式的通用属性。