对象可能是带有可选参数的 'undefined'.ts(2532)

Question

我有这个代码：

export default class MyRandomClass {
  private posFloat32Array?: Float32Array;
  private otherArgument?: number;

  constructor(params:MyRandomClass = {} as MyRandomClass) {
    const {
      posFloat32Array,
      otherArgument,
    } = params;

    this.posFloat32Array = (posFloat32Array !== undefined) ? posFloat32Array : new Float32Array();
    this.otherArgument = (otherArgument !== undefined) ? otherArgument : 0;
  }

  classMethod():void {
    const total = this.posFloat32Array?.length + 3; //error
  }
}

对象不可能是未定义的，但我仍然得到错误。 我的目的是创建一个可以使用以不同方式提供的参数构造的类，以便输出数据始终相同。这是在模拟 this 示例中的构造函数重载。

我想应该有一种可能的方法来拥有一个带有可选参数的函数/类，并在告诉编译器该参数已实际传入或没有传入后，未定义的场景已得到相应的管理。

如何使用可选参数来处理？

编辑：根据我的研究，从here 获取代码示例，不可能让你的类变量可选并且让编译器知道它们不会是未定义的并在你的方法中使用它们，而不需要分开参数的类型，使这种类型的参数是可选的，而类变量不是可选的，如果类很大，这有点冗长。我想确认这是否是处理打字稿类中的可选参数的有效方法或最佳方法。

Answer 1

编译器抱怨是因为您将该属性定义为? 的可选属性。问题在于您的声明。

由于您有一个构造函数，并且 posFloat32Array 和 otherArgument 在构造函数中始终设置为显式值，因此不需要将这些属性标记为可选。您应该删除将这些属性标记为可选的。

我什么时候希望类属性是可选的？

这是一个很好的问题！如果您没有显式实现构造函数，或者您没有在构造函数中显式设置这些值，那么您可能希望将属性标记为可选。例如，下面的类示例可以在没有明确定义这些值的情况下进行实例化。将它们标记为可选可能是一个很好的用例。

class MyRandomClass {
  private posFloat32Array?: Float32Array;
  private otherArgument?: number;

  classMethod():void {
    const total = this.posFloat32Array?.length ?? 0 + 3;
  }
}

Answer 2

你需要分离你的接口，因为类不再描述传入的参数对象。我的答案显示了一种更优雅的设置默认值的方式。而且由于您正在设置默认值，因此接口上的参数是可选的，但它们在类中得到保证（注意问号移动的位置）。这应该适合你：

interface MyNotSoRandomInterface {
  posFloat32Array?: Float32Array;
  otherArgument?: number;
}

export default class MyRandomClass {
  private posFloat32Array: Float32Array;
  private otherArgument: number;

  constructor(params:MyNotSoRandomInterface = {} as MyNotSoRandomInterface) {
    const {
      posFloat32Array =  new Float32Array(),
      otherArgument = 0,
    } = params;

    this.posFloat32Array = posFloat32Array;
    this.otherArgument = otherArgument;
  }

  classMethod():void {
    const total = this.posFloat32Array.length + 3; //no errors!
  }
}