javascript - 为什么要在 javascript 类中设置这样的默认参数？

Question

在看一篇关于 javascript 类的文章时，作者使用了这样的语法:

class GuitarAmp {
    constructor ({ cabinet = 'spruce', distortion = '1', volume = '0' } = {}) {
     Object.assign(this, {
      cabinet, distortion, volume
     });
   }
}

构造函数参数列表中 = {} 位的用途是什么？我们不是为cabinet、distortion 和volume 设置默认参数吗？

Answer 1

它允许您在不带任何参数的情况下调用 GuitarAmp，并将提供 {} 的默认参数 - 其解构属性将被正确地默认分配。否则，如果不带任何参数调用该函数，将导致错误:

class GuitarAmp1 {
    constructor ({ cabinet = 'spruce', distortion = '1', volume = '0' } = {}) {
      console.log(cabinet);
   }
}
class GuitarAmp2 {
    constructor ({ cabinet = 'spruce', distortion = '1', volume = '0' }) {
      console.log(cabinet);
   }
}
new GuitarAmp1();
new GuitarAmp2();

这种默认参数解构模式可用于任何函数，无论它是否是构造函数。