javascript - 如何使用咖啡脚本扩展 google.maps.Map

Question

我尝试过标准方式：

class MyMap extends google.maps.Map
  constructor: (mapDiv, opts)->
    super(mapDiv, opts)

但在这种情况下，占位符是空的。

Answer 1

这个问题是 CoffeeScript 制作类的方式和 Google Maps Javascript API 的编写/混淆/缩小方式的组合。

当 CoffeeScript 扩展一个类时，它会创建类似于以下的代码：

customnamespace.CustomMap = (function(_super) {

    // '__extends' is a method that gets output at the 
    // top of every CoffeeScript compiled file
    __extends(CustomMap, _super);

    function CustomMap(mapDiv, opts) {
        CustomMap.__super__.constructor.apply(this, arguments);
    }

    return CustomMap;

})(google.maps.Map);

在大多数情况下，尤其是在“extendee”是用 CoffeeScript 编写的情况下，这很有效。

但在 google.map.Maps 的情况下（我怀疑）有一大堆范围操作正在进行，它有点撤销 CoffeeScript 试图设置的范围。诚然，这是一个猜测。

所以在这种情况下，是时候戴上你的 JavaScript 帽子，对构造函数做一些简单的老式作用域锁定了。因此，使用一行 JavaScript 将您的super和apply函数放在类的范围内。CoffeeScript 只会挥手、微笑并按原样输出 JavaScript 行。

class MyMap extends google.maps.Map
    constructor: (mapDiv, opts)->
        google.maps.Map.apply(this, [mapDiv, opts]);

有道理？