Javascript-类路径可以有名称空间吗？

Question

我知道我可以使用以下代码创建一个类：

class Polygon {
    constructor(height, width) {
      this.height = height;
      this.width = width;
    }
}

但是，我希望此Polygon类驻留在名为Model的名称空间中，以便可以实例化Polygon对象，如下所示：

var myNewPolygon = new Model.Polygon(10, 50);

这可能吗？

我尝试了以下方法：

var Model = Model || {};
class Model.Polygon {
    constructor() {
      this.height = height;
      this.width = width;
    }
}
var myNewPolygon = new Model.Polygon(10, 50);

但这会导致Uncaught SyntaxError: Unexpected token . 在第2行。

我也尝试过：

var Model = Model || {};
class Polygon {
    constructor(height, width) {
      this.height = height || 0;
      this.width = width || 0;
    }
}
Model.Polygon = new Polygon();
var myNewPolygon = new Model.Polygon(10, 50);

但这会导致Uncaught TypeError: Model.Polygon is not a constructor第9行Uncaught TypeError: Model.Polygon is not a constructor 。

Answer 1

快好了。

var Model = Model || {};
Model.Polygon = class {
    constructor(height, width) {
      this.height = height || 0;
      this.width = width || 0;
    }
}

var myNewPolygon = new Model.Polygon(10, 50);

就像函数一样，类可以被取消命名（又名“匿名”），就像函数一样， 可以将未命名类分配给变量 ，就像上面的Model.Polygon = class { ... }

如果您需要类在类的主体内引用自身，则可以为其命名。 请注意，在类的主体外部将无法使用该类的名称。

var Model = Model || {};
Model.Polygon = class Polygon {
    constructor(height, width) {
      this.height = height || 0;
      this.width = width || 0;
    }

    equals(other){
      // Returns true if other is also an instance of Polygon
      // and height and width are the same.
      return ( other instanceof Polygon )     &&
             ( other.height === this.height ) &&
             ( other.width === this.width );
    }
}

var myNewPolygon1 = new Model.Polygon(10, 50);
var myNewPolygon2 = new Model.Polygon(10, 50);
myNewPolygon1.equals( myNewPolygon2 ); // returns true
myNewPolygon1.equals({ height: 10, width: 50 }); // returns false

var myNewPolygon3 = new Polygon(10, 50); // Uncaught ReferenceError: Polygon is not defined