[英]Web worker fetching data
我有如下的網絡工作者:
class FetchWorker {
constructor(id) {
this.id = id;
this.ids = [];
this.timer = 1;
}
start() {
this.fetchData();
}
addIds(ids) {
this.ids.push(...ids);
}
sendData(method, data){
self.postMessage(JSON.stringify({
method,
data
}))
}
fetchData() {
this.timer *= 2;
console.log(this.id,') ### this', this);
console.log(this.id,') ### ids', this.ids);
console.log(this.id,') ### FetchData', this.ids.length, this.timer);
console.log(this.id,') ######');
if(!this.ids.length) {
setTimeout(this.fetchData, this.timer);
return;
}
console.log(this.id, ')FETCHED ...');
this.sendData('webworker:fetchedAds', this.ids);
this.sendData('webworker:timer', this.timer);
setTimeout(this.fetchData, this.timer);
}
}
const id = Number.parseInt((Math.random() * 100) + '');
console.log('self', self);
const worker = new FetchWorker(id);
self.addEventListener('message', (event) => {
const message = JSON.parse(event.data);
const {method, data} = message;
if (method === 'webworker:addids') {
worker.addIds(data);
}
if (method === 'webworker:startFetching'){
worker.start();
}
});
我正在創建此工作程序並使用id和start命令向其發送消息,但是當我嘗試將ids數組的長度寫入控制台時,在fetchData方法中出現錯誤,錯誤是無法讀取undefined的屬性長度 ,
我檢查了它,並在我的fetchData方法中指向DedicatedWorkerGlobalScope而不是FetchWorker類,這對我有點困惑,因為我不知道為什么在類方法中不存在
我通過將其綁定到setTimeouts中的fetchData解決了我的問題,它看起來像:
setTimeout(this.fetchData.bind(this), this.timer * 1000);
我不知道為什么我必須這樣做
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.