Question

我正在构建一个应用程序，其中我有一个View，它是一个需要显示，创建，更新等属性的类。

我设置了这样的视图

export default class {
   constructor(view) {
      this.id = view.id;
      this.title = view.title;
   }
}

我希望能够在创建新视图时初始化View，并且我认为正确的方法是这样的

let newView = new View()

不幸的是，如果我这样做，似乎没有调用构造函数。当我运行此测试时

expect(newView.id).toBe(undefined)

我收到错误cannot read property id of undefined。

let newView = new View({})

正确返回，但我发现提供一个空对象有点奇怪。它是否正确？有没有更好的方法来实例化一个空类？

Answer 1

这是正确的。

正在调用您的构造函数，但它是使用参数定义的。在第一次通话中，您传递空对象：

let newView = new View();

例外：

export default class {
   constructor(view) {   //view = 'undefined'
      this.id = view.id; //This line will cause exception.
      this.title = view.title;
   }
}

因此，您的参数＆＃39;查看＆＃39;在构造函数中将是未定义的，您将获得异常。

致电时：

let newView = new View({}); // new object {}

您的参数＆＃39;查看＆＃39;将被定义，您可以访问其＆＃39;道具。（当然它们都将为空）

补充：不幸的是构造函数没有重载，它们仍然像常规的JS函数一样，你可以做一个解决方法：

export default class {
   constructor(view) {  
      view = view || {}; //this is default value for param.
      this.id = view.id; 
      this.title = view.title;
   }
}

然后您将看到新的View（）和新的View（{object}）

Answer 2

您可以使用默认参数将view对象设置为默认变量标识view，其属性为id，title设置为undefined

＆＃13;

class View {
   constructor(view = {id: void 0, title: void 0}) {
      this.id = view.id; 
      this.title = view.title;
   }
}

var newView = new View();

console.assert(newView.id === undefined
              , {"message":"newView.id is not undefined"
              , "newView.id":newView.id}
);

console.assert(newView.id !== undefined
              , {"message":"newView.id is undefined"
              , "newView.id":newView.id}
);

console.dir(newView);

＆＃13;

初始化一个空的ES6类

2 个答案: