对webworker的封装代码,JS代码库,德仔网

代码语言

代码分类

【JS】对webworker的封装

作者:internetafei / 发布于2014/9/10/ 519

演示：http://sandbox.runjs.cn/show/nbrxh6kq 源码：http://runjs.cn/detail/nbrxh6kq


	/**
	* JSThread.js
	* 对webworker做的封装
	* 要注意不要在webworker中做死循环时间太长的操作，
	* 最好用setTimeout分割执行，否则会无法响应外部的通信请求。
	* 需要注意webworker不支持window对象和dom操作,
	* context中不能存在dom,function或一些特殊对象,
	* runnable中的方法因为会被转成字符串，
	* 所以不能用this以外的作用域的对象,
	* 要使用的对象请放到context中.
	* 传到webworker中的对象是一份copy所以线程中的修改不会影响主线程，主线程同样。
	* @author wmlgl
	*/
	
	 var thread = new JSThread({
	 context: {
	 origi: [0,24,9,87,983,5,110,0,24],
	 ordered: null
	 },
	 run: function(callback) {
	
	 this.context.ordered = [].concat(this.context.origi);
	 this.context.ordered.sort();
	
	 callback(this.context.ordered);
	 },
	 onmessage: function(message, callback) {
	 if(message == 'order') {
	 this.context.ordered.sort();
	 } else {
	 throw 'unknown message!';
	 }
	 callback(this.context.ordered);
	 }
	 });
	
	 var rs = document.getElementById('result');
	 thread.start(function(ordered) {
	 rs.innerHTML += '\nstart: ' + ordered;
	 });
	
	 thread.getContext(function(context) {
	 rs.innerHTML += '\nget context: ' + JSON.stringify(context);
	 });
	
	 thread.getAttribute('origi', function(origi) {
	 rs.innerHTML += '\nget origi: ' + origi;
	 });
	
	 thread.getAttribute('ordered', function(origi) {
	 rs.innerHTML += '\nget ordered: ' + origi;
	 });
	
	 thread.setAttribute('ordered', ['b','c','a'], function() {
	 rs.innerHTML += '\nset ordered!';
	 });
	
	 thread.getAttribute('ordered', function(ordered) {
	 rs.innerHTML += '\nget ordered: ' + ordered;
	 });
	
	 thread.postMessage('order', function(ordered) {
	 rs.innerHTML += '\npost message "order": ' + ordered;
	 });
	
	 thread.getAttribute('ordered', function(ordered) {
	 rs.innerHTML += '\nget ordered: ' + ordered;
	 });
	
	 setTimeout(function(){
	 thread.stop();
	 }, 3000);

试试其它关键字

　webworker　

同语言下

可能有用的

internetafei贡献的其它代码(6)