web worker使用

1. 新建worker.js

import kriging from "@/views/Heatmap/kriging";

self.onmessage = (e) => {
	console.log(e) // 主线程传过来的数据
	self.postMessage('我是子线程的数据') // 返回给主线程的数据
}

2. 在使用的文件引入woker.js

注： 在worker中如果要使用es语法，需要加上 { type: ‘module’ }

const myWorker = new Worker('/src/views/Heatmap/worker.js', { type: 'module' })

// 给子线程传数据
myWorker.postMessage('我是主线程的数据')  

// 接收子线程数据
myWorker.addEventListener('message',  (e)=>{  

})

// 关闭子线程
myWorker.terminate();