JavaScript-worker基本使用

这个有点像java的socket

主线程
张三:喂喂喂李四在吗?
postMessage(发送喂喂喂李四在吗给李四)
onmessage(接收李四说的话)
分线程
李四:在的在的.
onmessage(用于接收张三说的话)
postMessage (发送在的在的给张三)

示例

index.html

<script>
    //params String(js文件)
    var worker = new Worker('./work.js');
    //发送数据到分线程
    worker.postMessage('楚楚打怪兽');
    //接收分线程数据
    worker.onmessage = function(event){
        console.log("主线程:"+event.data);
    }
</script>

work.js

//接收主线程数据
var onmessage = function(event){
    console.log("分线程:"+event.data);
    //发送数据到主线程
    postMessage('张张打怪兽');
}

效果图

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_38188047/article/details/106524242