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);

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

我也试过了：

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);

但这会导致第 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);

类可以像函数一样不命名（也称为“匿名”），也可以像函数unnamed classes can be assigned to variables，如上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