使用咖啡脚本生成的 js 未捕获的类型错误

Question

我开始学习 javascript/coffeescript 与骨干，我得到一个我不明白的错误。任何帮助将不胜感激。

我做了一个很简单的例子，下面是buggy.coffeecoffeescript 文件：

class Panel extends Backbone.Model
p = Panel()  # I instantiate it to trigger the error

我使用coffee -c buggy.coffee 编译成buggy.js。但是当我运行它并查看 javascript 控制台时，我得到了错误：

Uncaught TypeError: undefined is not a function

错误发生在backbone.js（第256行）：：

var Model = Backbone.Model = function(attributes, options) {
  var attrs = attributes || {};
  options || (options = {});
  this.cid = _.uniqueId('c');
  this.attributes = {};
  if (options.collection) this.collection = options.collection;
  if (options.parse) attrs = this.parse(attrs, options) || {};
  attrs = _.defaults({}, attrs, _.result(this, 'defaults'));
  this.set(attrs, options);    ### <================================== here
  this.changed = {};
  this.initialize.apply(this, arguments);
};

因为this.set 未定义。

现在我通过编辑buggy.js找到了一种避免错误的方法（注释是原始的coffeescript生成的行）：

    function Panel() {
      #return Panel.__super__.constructor.apply(this, arguments);
      return new Panel.__super__.constructor(this, arguments);
    }

但这不可能是一个真正的解决方案。 那么我做错了什么？

Answer 1

在 JavaScript 中实例化对象时，必须使用 new 关键字。 p = Panel() 失败，但 p = new Panel() 会工作。

如果不包含 new 关键字，则 this 不会绑定到新对象。相反，它被绑定到全局对象。因此，与其创建新的Panel，不如破坏全局对象的属性。您还将调用该全局对象（例如，如果您编写 this.func()）而不是面板，这可能是此错误表现为“未定义不是函数”的原因。