如果没有传递参数，则在构造函数中创建默认值 - javascript

Question

我有以下几点：

class example {
   constructor (arg) {
      this.value = arg.value
   }
   print () {
      console.log(this.value);
   }
}

var new_example = new example  ({
   value: 12,
})

new_example.print();

我如何设置一个默认值，比如 value = 10，这样，如果没有给出参数，它将打印 10。即：

var newer_example = new example ({
})

我尝试过类似的方法：

class example {
   constructor (arg) {
      this.value = (arg.value || 10)
   }
   print () {
      console.log(this.value);
   }
}

还有：

class example {
   constructor (arg) {
      this.value = ("undefined" != arg.value || 10)
   }
   print () {
      console.log(this.value);
   }
}

但找不到任何有用的东西。

Answer 1

您可以使用对象解构来获得更简洁的代码：

class example {
    constructor (arg = {['value']:3}) {
        this.value = arg.value
    }
    print () {
        console.log(this.value);
    }
}

print 在创建的对象上调用而不向构造函数传递任何内容，将有控制台输出3：

var newer_example = new example()
newer_example.print(); /// Console prints `3`

Answer 2

您可以对参数使用默认值，也可以使用解构和对象属性的进一步默认值来支持new example() 和new example({})：

class example {
   constructor ({ value = 10 } = {}) {
      this.value = value
      // Note: You could also use Object.assign(this, { value }) which
      // can become useful once you have more values in your object
   }
   print () {
      console.log(this.value);
   }
}

Answer 3

您可以使用内置的arguments 并像这样检查：

class example {
  constructor(arg) {
    this.value = arguments.length > 0 ? arg.value : 10;
  }
  print() {
    console.log(this.value);
  }
}

new example().print();
new example({ value: 12 }).print();
new example({ value: false }).print();
new example({ value: '' }).print();

您也可以（接近您所拥有的）验证 arg 是否已定义：

class example {
  constructor(arg) {
    if (arg && typeof arg.value !== "undefined") {
      this.value = arg.value;
    } else {
      this.value = 10;
    }
  }
  print() {
    console.log(this.value);
  }
}

new example().print();
new example({ value: 12 }).print();

或者，如果不需要所有虚假值，您可以使用速记进行上述操作：

class example {
  constructor(arg) {
    this.value = (arg && typeof arg.value === 'number') ? arg.value : 10;
  }
  print() {
    console.log(this.value);
  }
}

new example().print();
new example({ value: 12 }).print();
new example({ value: 0 }).print();
new example({ value: false }).print(); //value false is lost

Answer 4

class example {
   constructor (arg) {
      this.value = (arg.value || 10)
   }
   print () {
      console.log(this.value);
   }
}

此代码对我有用。我认为你的问题在第六行 console.log(value) 这应该是console.log(this.value)（你忘了this.）。常见错误！