| 今日份的学习

今日份的学习(6)

JS尝新

关于WEB WORKER的一点基础尝试

主进程：

1
2
const worker = new Worker('./work.js');
worker.postMessage('Hello World');

worker进程：

1
2
3
4
worker = this;
worker.onmessage = (oEvent) => {
    console.log(oEvent.data);
}

  • 遇到过的坑

    • 如果直接用file协议的模式打开主进程文件，Chrome浏览器会抛出异常

    解决方案：
    用http-server命令，在本地起一个服务，然后访问主进程就可以打印出Hello World了

    • 按照网络上很多的教程，worker进程的书写都直接是
    1
    2
    3
    worker.onmessage = (oEvent) => {
        console.log(oEvent.data);
    }

    打开控制台可以看见抛出异常

    解决方案：
    在最开始的时候把this赋值给worker变量worker = this

    1
    const worker = this
ESC