coffeescript - 咖啡脚本实例变量未定义

Question

在我的类的构造函数中，我PostsPager将默认值设置@page为 0，然后调用 render。但是，当我输入渲染时，@page 现在是未定义的。为什么会这样？

class PostsPager
  contructor: (@page=0)->
    render()
    $(window).scroll(@check)

  check: =>
    if @nearBottom()
      @render

  render: =>
    alert @page  # @page = undefined

笏

编辑

编译好的 JS

PostsPager = (function() {

    function PostsPager() {
      this.renderPosts = __bind(this.renderPosts, this);

      this.nearBottom = __bind(this.nearBottom, this);

      this.render = __bind(this.render, this);

      this.check = __bind(this.check, this);

    }

    PostsPager.prototype.contructor = function(page) {
      this.page = page != null ? page : 0;
      this.render();
      return $(window).scroll(this.check);
    };

    PostsPager.prototype.check = function() {
      if (this.nearBottom()) {
        return this.render;
      }
    };

    PostsPager.prototype.render = function() {
      alert(this.page);
      this.page++;
      $(window).unbind('scroll', this.check);
      return $.getJSON($('#feed').data('json-url'), {
        page: this.page
      }, this.renderPosts);
    };

Answer 1

你拼写不好，constructor是构造方法，contructor只是拼写不好的方法。您还需要说@render()调用render作为方法 on this。你要：

class PostsPager
  constructor: (@page=0)->
    @render()
    #...

演示：http: //jsfiddle.net/ambiguous/eaQdv/

这个拼写错误意味着你contructor从来没有被调用过，这就是为什么你从来没有看到一个关于“未知渲染变量”的错误，这是由于缺少@.