Question

在我的类PostsPager的构造函数中，我将默认值@page设置为0，然后调用render。但是，当我输入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作为this上的方法。你想要：

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

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

这种拼写错误意味着您的contructor从未被调用过，这就是为什么您从未看到过由@丢失导致的“未知渲染变量”的错误。

coffeescript实例变量undefined

1 个答案: