downloader.onProgress = (progress) => { // 更新下载进度 downloadArray.set(downloader.data.timeid, { title: downloader.data.title, sUrl: downloader.data.sUrl, progress: downloader.data.progress, size: downloader.data.size, status:downloader.data.status, timeid:downloader.data.timeid }); mainWindow.webContents.send('donwloadStatus', true); mainWindow.webContents.send('consolelog', downloadArray); }; 这一段下载代码中,我用map 更新对应键值的 下载进度,但是为什么 A 下载器的进度会覆盖B下载器的进度
时间: 2024-02-05 13:03:02 浏览: 127
在你提供的代码中,`downloadArray` 是一个 Map 对象,其中键是下载任务的 `timeid`,值是一个包含下载任务信息的对象,包括 `title`、`sUrl`、`progress`、`size`、`status` 和 `timeid` 等属性。
在这段代码中,下载进度的更新是通过 `downloadArray.set` 方法实现的。这个方法会根据指定的键(即 `downloader.data.timeid`)设置对应的值。因此,如果你有多个下载器同时进行下载,并且它们的 `timeid` 相同,那么它们会在同一个键上进行操作。这可能会导致进度信息被覆盖的问题。
为了解决这个问题,你可以为每个下载器分配一个唯一的 `timeid`。例如,可以使用时间戳作为 `timeid`,确保每个下载器都有一个唯一的标识符。这样,即使有多个下载器同时进行下载,它们也会在不同的键上进行操作,不会相互干扰。
另外,如果你想要实现多个下载器同时更新进度信息,可以考虑使用数组或对象来存储下载器的进度信息,而不是使用 Map 对象。这样可以避免键的重复问题,并且更方便地进行操作。
相关问题
class Downloader { constructor(data, options) { this.data = data; this.options = options; this.item = null; this.onStart = null; this.onProgress = null; this.onCompleted = null; this.data.progress = 0; // 新增 progress 属性 this.data.status='pause';//true 表示 进度没有结束,继续下载 this.data.timeid=0; } start() { const win = BrowserWindow.getFocusedWindow(); this.options.onStarted = (item) => { this.item = item; this.data.status='process';//true 表示 进度没有结束,继续下载 this.onStart(); handleDownload.push(item); }; this.options.onTotalProgress=(progress)=>{ this.data.progress = progress.percent * 100; // 更新 progress 属性 if(this.data.status=='process'){ this.onTotalProgress(progress); } } this.options.onCompleted = () => { this.onCompleted(); }; download(win, this.data.dowloadLink, this.options); } pause() { if (this.item) { this.item.pause(); } } resume() { if (this.item) { this.item.resume(); } } cancel() { if (this.item) { this.item.cancel(); } } } ipcMain.handle('window-downloadNow', (msg, dataArray) => { for (const data of dataArray) { var timenow=Date.now();//调用的时候,打个时间戳 const options = { directory: downloadPath, filename: data.title + '.' + data.fileType, saveAs: false, extension: data.fileType, openFolderWhenDone: false, showProgressBar: true, showBadge: true, }; const downloader = new Downloader(data, options); downloader.data.timeid=timenow;//存储唯一标识 downloader.start(); downloader.onStart = () => { // 下载开始 }; downloader.onTotalProgress = (progress) => { // 更新下载进度 downloadArray.set(downloader.data.timeid, { title: downloader.data.title, sUrl: downloader.data.sUrl, progress: downloader.data.progress, size: downloader.data.size, status:downloader.data.status, timeid:downloader.data.timeid }); mainWindow.webContents.send('consolelog', downloadArray); mainWindow.webContents.send('donwloadStatus', true); }; downloader.onCompleted = () => { if(downloader.data.progress==100&&downloader.data.status=='process'){ mainWindow.webContents.send('endDownload', JSON.stringify(downloader)); mainWindow.webContents.send('donwloadStatus', false); downloader.data.status='complete' } if(downloader.data.progress<100){ mainWindow.webContents.send('donwloadStatus', true); } mainWindow.webContents.send('consolelog', downloadArray); }; } return JSON.stringify(dataArray); // 返回值将作为 Promise 的 resolved 值 }); 这段代码中,handleDownload.push(item); 会重复push ,比如,点击下载歌曲A,此时handleDownload.push(item); 里面有A。 此时我下载歌曲B,此时 handleDownload.push(item); 重复push 了两次B,怎么回事?
这段代码中的 handleDownload 是一个数组,用于存储下载任务的 Item 对象。每次点击下载按钮,都会创建一个新的 Downloader 对象,并调用 start 方法开始下载,同时将对应的 Item 对象存储在 handleDownload 数组中。
当你下载歌曲 A 时,handleDownload 数组中存储了 A 对应的 Item 对象;当你下载歌曲 B 时,handleDownload 数组中已经存储了 A 对应的 Item 对象,因此会出现重复 push B 的情况。
解决方法是在下载完成后将对应的 Item 对象从 handleDownload 数组中移除,可以在 Downloader 对象的 onCompleted 事件中实现,例如:
```
downloader.onCompleted = () => {
const index = handleDownload.indexOf(downloader.item);
if (index >= 0) {
handleDownload.splice(index, 1);
}
// ...
};
```
var downloader = new Downloader(dataArray[i], options); downloader.data.timeid=timenow;//存储唯一标识 downloader.start(); downloader.onStart = () => { // 下载开始 handleDownload.push(downloader); mainWindow.webContents.send('consolelog2', '检查代码在此执行次数'); }; 这段代码中,为什么 new Downloader(dataArray[i], options); 执行第一次的时候 downloader.onStart = () => { // 下载开始 handleDownload.push(downloader); mainWindow.webContents.send('consolelog2', '检查代码在此执行次数'); }; 执行一次。 而 new Downloader(dataArray[i], options); 执行第二次的时候。 downloader.onStart = () => { // 下载开始 handleDownload.push(downloader); mainWindow.webContents.send('consolelog2', '检查代码在此执行次数'); }; 执行了两次
根据你提供的代码,我可以看出这是一个下载器的实现,当执行 new Downloader(dataArray[i], options); 时,会创建一个新的 Downloader 对象,并将其存储在变量 downloader 中。然后,通过设置 downloader.onStart 回调函数,将其推入 handleDownload 数组中,并向 mainWindow 发送一条消息。因此,当第一次执行 new Downloader(dataArray[i], options); 时,回调函数只会执行一次。但是,当第二次执行 new Downloader(dataArray[i], options); 时,会创建另一个新的 Downloader 对象,并将其存储在变量 downloader 中。然后,将其设置为回调函数并推入 handleDownload 数组中,再向 mainWindow 发送一条消息。因此,回调函数会执行两次。
阅读全文