AngularJS和网络工作者

Question

angularJS如何使用Web Worker在后台运行进程？我有什么模式可以遵循吗？

当前，我正在使用在单独的Web worker中具有模型的服务。该服务实现的方法如下：

ClientsFacade.calculateDebt(client1); //Just an example..

在实现中，此方法将带有数据的消息发送给工作程序。这使我可以抽象出它是在单独的线程中执行的事实，并且我还可以提供一种对服务器甚至在同一线程中执行此操作的服务器进行查询的实现。

由于我是Java语言的新手，我只是在回收其他平台上的知识，我想知道这是否是您可以做的事情，或者我正在使用的Angular提供了一种实现此目的的方法。由于工作人员必须将更改显式推送到控制器，然后更新其值，然后将其反映在视图中，因此这也会导致我的体系结构发生更改，我是否对此进行了过度设计？令人沮丧的是，Web工作者通过不允许我共享内存等来“保护”我太多，以防万一。

Answer 1

与Web工作者的通信通过消息传递机制进行。拦截这些消息会在回叫中发生。正如您所适当指出的，在AngularJS中，放置Web
Worker的最佳位置是在服务中。解决此问题的最佳方法是使用Promise，Angular可以很好地使用Promise。

这是webworker一个service

var app = angular.module("myApp",[]);

app.factory("HelloWorldService",['$q',function($q){

    var worker = new Worker('doWork.js');
    var defer = $q.defer();
    worker.addEventListener('message', function(e) {
      console.log('Worker said: ', e.data);
      defer.resolve(e.data);
    }, false);

    return {
        doWork : function(myData){
            defer = $q.defer();
            worker.postMessage(myData); // Send data to our worker. 
            return defer.promise;
        }
    };

});

现在，任何访问Hello World服务的外部实体都无需关心HelloWorldService-
的实现细节，HelloWorldService很可能可以通过web worker，http或在此处进行处理来处理数据。

希望这是有道理的。