WebWorker 语法糖 SugarWorker-优快云博客

本文链接：https://blog.youkuaiyun.com/pyzheng/article/details/84707319

SugarWorker提供了一种简便的方式使用web多线程技术，通过Worker线程返回对象并支持事件定义，方便在主线程中监听另一条线程的状态。详细用法请参阅GitHub页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[url]http://www.oschina.net/p/sugarworker[/url]
SugarWorker —— 轻松的使用web多线程技术；

webWorker

var lsitWorker = new Worker('core/listWorker.js');
lsitWorker.onmessage = function(e){     
    if(e.data){
        listWorker.postMessage('new test data');
    }
    ...(response)
    console.log(e);
    lsitWorker.terminate();
};
listWorker.onerror = function(e){
    ...(response)
    console.error(e);
};
listWorker.postMessage('test data');

SugarWorker

work('core/listWorker.js')
    .back(function(e){         
        if(e.data){
            e.post('new test data');
        }
        ...(response)
        console.log(e);
        e.end();
    })
    .err(function(e){
        ...(response)
        console.error(e);
    })
    .post('test data');

SugarWorker还支持事件定义，方便监听另一条线程的状态

work('core/test.js')
    .back(function(e){
        console.log(e);
    })
    .set('loading',function(e){
        console.log('loading');
        console.log(e);
    })
    .post('test data');

//test.js onmessage = function(e){
    postMessage({
        eventType : 'loading',
        data : {...}
        //some datas     
    });
}

通过worker线程返回对象，添加eventType属性，可以在主线程触发定义的事件；

添加eventType的返回数据，不会触发主线程back方法；

更多使用方法请查看：[url]https://github.com/kirakiray/SugarWorker[/url]