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);
  }
  // ...
};

相关问题

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(); }; this.options.onTotalProgress=(progress)=>{ this.data.progress = progress.percent * 100; // 更新 progress 属性 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(); } } } 这个下载器，里面的方法没有挂载到对象上是什么原因。、

这个下载器中的方法没有挂载到对象上是因为它们是定义在 Downloader 类的原型上的。在 JavaScript 中，类的方法通常都是定义在原型上的，而不是在对象实例上。这样做的好处是可以节省内存，因为所有的对象实例都可以共享同一个方法实现。当我们创建一个类的实例时，JavaScript 引擎会自动将该实例的原型指向该类的原型，因此该实例就可以访问该类的所有方法。

// 下载器类 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(); }; this.options.onTotalProgress=(progress)=>{ this.data.progress = progress.percent * 100; // 更新 progress 属性 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(); } } } 这是我说的类，里面有异步方法，怎么实现

你可以在异步方法执行完毕后，通过 Promise 或回调函数的方式通知外部代码。例如，在 onCompleted 回调函数中设置一个 Promise，然后在外部代码中等待这个 Promise 执行完毕，再执行下一步操作。类似下面这样：

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;
    this.data.status = 'pause';
    this.data.timeid = 0;
  }

  start() {
    const win = BrowserWindow.getFocusedWindow();
    this.options.onStarted = (item) => {
      this.item = item;
      this.data.status = 'process';
      this.onStart();
    };

    this.options.onTotalProgress = (progress) => {
      this.data.progress = progress.percent * 100;
      this.onTotalProgress(progress);
    };

    this.options.onCompleted = () => {
      this.onCompletedPromise.resolve(); // 执行 Promise
    };

    this.onCompletedPromise = {}; // 保存 Promise 对象
    this.onCompletedPromise.promise = new Promise((resolve, reject) => {
      this.onCompletedPromise.resolve = resolve;
      this.onCompletedPromise.reject = reject;
    });

    download(win, this.data.dowloadLink, this.options);
  }

  async pause() {
    if (this.item) {
      await this.onCompletedPromise; // 等待 Promise 执行完毕
      this.item.pause();
    }
  }

  async resume() {
    if (this.item) {
      await this.onCompletedPromise; // 等待 Promise 执行完毕
      this.item.resume();
    }
  }

  async cancel() {
    if (this.item) {
      await this.onCompletedPromise; // 等待 Promise 执行完毕
      this.item.cancel();
    }
  }
}

这样就能保证异步方法执行完毕后再执行外部代码了。