如何在类构造函数中初始化属性为false？适配示例类默认值需求

嘿，这个问题我太熟了！你遇到的是||运算符的经典坑——它会把所有假值（包括false、0、空字符串、null、undefined）都替换成默认值，所以当你传入{active: false}时，因为false是假值，就被|| true覆盖成true了。

要解决这个问题，我们需要精准区分「没有传入active属性」和「传入了active但值为false」这两种情况，下面给你几种实用的方案：

方案1：用in操作符检查属性是否存在 #

in操作符会检查对象（包括原型链）上是否存在指定属性，不管属性值是什么，刚好能满足我们的需求：

class Example {
  constructor(options) {
    this.active = 'active' in options ? options.active : true;
  }
}

方案2：用hasOwnProperty检查自身属性 #

如果担心原型链上可能有同名的active属性，可以用hasOwnProperty只检查对象自身的属性：

class Example {
  constructor(options) {
    this.active = options.hasOwnProperty('active') ? options.active : true;
  }
}

方案3：ES6解构赋值（最简洁优雅） #

这是现在最推荐的写法，利用解构赋值的默认值特性，只有当active未传入或为undefined时才会使用默认值：

class Example {
  constructor({ active = true } = {}) {
    this.active = active;
  }
}

这里的= {}是为了防止调用构造函数时不传任何参数（比如new Example()）导致解构报错，相当于给参数设置了一个空对象的默认值。

测试验证 #

我们来测试一下这几种方案的效果：

const ex1 = new Example();          // active: true（默认值）
const ex2 = new Example({ active: false }); // active: false（正确保留传入的假值）
const ex3 = new Example({ active: undefined }); // active: true（未显式设置有效值，用默认）

内容的提问来源于stack exchange，提问作者Ryu Miu