您如何在自定义类上调用静态方法？ JS

Question

在javascript中，我创建了一个类Group，该类创建了一个名为items的空数组并将其返回。

但是我正在尝试从（）{}创建一个静态方法，该方法采用一个可迭代的对象，并从该可迭代的obj创建一个新的Group。

我正在尝试this.items.push（），但无法正常工作

class Group(){
 constructor(){
   this.items = []
 }
 from(obj){
  for(let item of obj){this.items.push(item)}
 }
}

我会这样实现：

let group = Group.from([10, 11))//random numbers     

不幸的是，它返回以下错误：

TypeError: Cannot read property 'push' of undefined (line 37 in function 
Function.from)

Answer 1

您有语法错误：

class Group(){

应该：

class Group { // no parameter list here

与类语法中一样，参数在构造函数中定义。

如下所示，在构造函数将方法添加到“类”实例的情况下，该方法可用于实例，而不是构造函数本身。 您必须创建一个实例，然后调用该方法：

 class Group { constructor () { this.items = []; } from (obj) { for (let item of obj) { this.items.push(item); } } } var group = new Group(); group.from([1,2]); console.log(group.items); // 1, 2 console.log(typeof Group.from); // undefined 

Answer 2

尽管针对JS类提供了新的静态语法的草案，但您目前仍需要将原型用于静态方法/属性。

class Group {
  constructor(){
    this.items = []
  }
}

Group.prototype.from = function(obj){
  var group = new Group;
  for(let item of obj) group.items.push(item);
  return group;
}

let group = aGroudInstance.from([10, 11]);

您可能希望将方法简单地添加到Group类（对象）上，如下所示：

Group.from = function(...) ...;

因为它实际上并没有利用静态方法，并且会不必要地需要Group的实例-除非您这样使用： Group.prototype.from(...) 。

这是工厂功能。