使用同步xmlhttpRequest从GUI获取数据的工作线程

我看不出做你想做的事的方法。最初看起来有希望的方法最终会遇到难题。

服务工人和 fetch

在评论中,您建议将服务人员作为可能的解决方案。我看到过的服务人员示例提供了“对请求的自定义响应”。但是,所有示例都使用 fetch 事件以提供自定义响应。Afaik,它只在您实际使用 fetch API 明确地。XHR不会生成获取事件。(是的,我试过了,但没用。)你不能只用 取来 在您的特定情况下,而不是XHR,因为fetch不会同步运行。规范 取来 提到“同步标志”,但它是 not part of the API .

注意, 取来 API和关联的事件不是 具体的 为工人提供服务 取来 在普通工人或其他地方,如果它解决了你的问题。你经常看到 取来 与服务工人一起提到,因为服务工人可以用于不能使用常规工人的场景,其中一些场景需要提供自定义响应 取来 请求。

假xmlhttpRequest

Marinos An建议 comment 使用假xmlhttpRequest对象。 在大多数情况下 那就行了。Sinon这样的测试框架提供了假xmlhttpRequest,允许测试代码完全控制被测试代码得到的响应。但是,它不适用于您的用例场景。如果您的伪XHR实现是作为一个javascript对象实现的,并且您尝试将其发送给工作者,那么工作者将得到它的完整克隆。对在工人内部执行的伪造XHR的操作不会在工人外部看到。对在工人外部执行的伪造XHR的操作不会在工人内部看到。

理论上,可以通过让假XHR包含两个对象来解决克隆问题:一个前端用于执行请求,另一个后端用于建立假响应。您可以将前端发送给工作人员,但前端和后端必须相互通信,这将使您回到您试图解决的通信问题。如果您可以让伪造的XHR的两个部分以一种允许您伪造同步XHR请求的方式相互交谈,那么 出于同样的原因 如果没有伪造的XHR,您就能够解决通信问题。

嗯……也许你可以在飞行中创造你的工人,就像这样。

function startNewWorker (code) {
  var blob = new Blob([code], {type: "application/javascript"});
  var worker = new Worker(URL.createObjectURL(blob));
}

然后,对于您需要的每个新HTTP请求,您启动其自己的工作程序:

const w1 = startNewWorker(yourCodeThatDoesSomething);
w1.onmessage = function () { /* ... */};

const w2 = startNewWorker(yourCodeThatDoesSomething);
w2.onmessage = function () { /* ... */};

这两者都是异步的,不会为您的用户阻塞接口,并且它们都能够完成自己的工作,并且每个都有自己的监听器。

注意到 code 是一个 一串 ,因此,如果您有函数,可以使用它 .toString() 与连接 () ,如下所示:

function myWorkerContent () {
  // do something ....
}

const code = "(" + myWorkerContent.toString() + ")()";
// or, if you want to use templateLiterals
// const code = `(${myWorkerContent.toString()})()`;

这样,当运行您的工作人员时,它将在您的每个工作人员内部立即创建和执行该功能。