Javascript 使用web workers访问预制函数

我目前正在创建一个应用程序，用户可以在其中对图像应用过滤器。无论如何，根据图像的大小，脚本应用过滤器可能需要很长时间。所以我想尝试一下。 （顺便说一句，PHP不是替代方案）

首先，我有一个应用过滤器的函数，它工作得很好（在工作程序之外）

主javascript文件，我在其中定义函数和工作程序：

jQuery(function ($)
{    

    var worker = "undefined";

    applyEffect();
    CreateWorker(worker);
});

//function to apply the effect stands here

/*-------------------*/
  /*WORKER*/
/*-------------------*/


//worker answers
function defineWorker(worker)
{
    worker.onmessage = function(e)
    {
        if(e.data == "msg from worker")
        {
          console.log(e.data);
        }
        worker.terminate();
  }
}


function CreateWorker(worker)
{
    $("#filters li").click(function clickWorker()
    {
        if (typeof worker == "undefined")
        {
            worker.terminate()
        }
        else
        {
            console.log("worker created");
        }
        worker = new Worker('js/worker.js');
        defineWorker(worker);
        worker.postMessage("hello"); // Start the worker.
    });
}

下面是worker（worker.js）：

当我尝试通过单击启动worker时，我得到“ReferenceError:applyFilter未定义”…jQuery代码也是如此：“ReferenceError:$未定义”

我有点理解这里的问题，但我不知道如何解决它

---

我希望有人能帮助我：）

每个worker都有自己的作用域，不能访问像applyFilter（）方法这样的公共函数。库和DOM也是如此。工作人员没有DOM访问权限，因此我认为您不能在这里将其用于任务

舔一舔

---

一个有效的选择是将所有图像的信息存储在一个对象中，并将该对象提供给工作者。然后worker本身在对象上应用一些标记或过滤器，并将其发送回主脚本。

谢谢，我正在使用camanJs作为过滤器，当我通过importScripts包含脚本时，我得到错误：“ReferenceError:window未定义”，因此我想即使我使用对象，我也不能在这里使用worker。是的，因为大多数窗口方法都不可用。您可以在这里检查可能的方法：谢谢，还有其他方法在后台运行脚本吗？就像在服务器上执行脚本并返回数据URI一样？好吧，至少您可以根据需要在worker中编写自己的筛选方法并向其发送对象（我想这可能是性能最好的解决方案）。当然，您可以将所有数据传输到服务器，对其进行处理并将其发送回，但这需要花费资源和时间。我会研究一下，也许我只是使用php作为过滤器。这似乎更适合这份工作：）

self.onmessage = function(e)
{
    if(e.data == "hello")
    {
        applyFilter(Argument1,Argument2,function()
        {
            self.postMessage('msg from worker' + $(window).width());
        });
    }
}