如何重置清除 Typescript 中的值 class

Question

如何在 Typescript 中重置 class 中的值并确保清除所有值？是否有打字稿功能可以做到这一点？

export class Product{
   productId: number; 
   productName: string;
   productDescription: string;
}

我们有很多 class 具有 50 多个字段，正在寻找有效的方法来执行此操作。

Answer 1

您可以创建一个函数并将所有状态设置为默认值

export class Product{
  productId: number; 
  productName: string;
  productDescription: string;

  resetValues() {
    this.productId = 0; //default of number datatype is 0
    this.productName = null;
    this.productDescription = null;
  }
}

Answer 2

这样试试：

Working Demo

productDetails: Product = {
  productId: 1,
  productName: "Apple",
  productDescription: "Fruit"
};

reset() {
  this.productDetails = new Product();
}

如何重置清除 Typescript 中的值 class

How to Reset clear the values in a Typescript class

typescript

angular

angular7

angular8