Comparing js and coffeescript

generated.js

(function() {
  var TodosView,
    __hasProp = Object.prototype.hasOwnProperty,
    __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor; child.__super__ = parent.prototype; return child; };

  TodosView = (function(_super) {

    __extends(TodosView, _super);

    function TodosView() {
      TodosView.__super__.constructor.apply(this, arguments);
    }

    TodosView.prototype.initialize = function() {
      this.collection.on('add', this.addOne, this);
      return this.collection.on('reset', this.addAll, this);
    };

    TodosView.prototype.render = function() {
      this.addAll();
      return this;
    };

    TodosView.prototype.addAll = function() {
      return this.collection.forEach(this.addOne);
    };

    TodosView.prototype.addOne = function(todoItem) {
      var todoView;
      todoView = new TodoView({
        model: todoItem
      });
      return this.$el.append(todoView.render().el);
    };

    return TodosView;

  })(Backbone.View);

}).call(this);

todo.coffee

class TodosView extends Backbone.View
  initialize: ->
    @collection.on 'add', @addOne, @
    @collection.on 'reset', @addAll, @

  render: ->
    @addAll()
    @

  addAll: ->
    @collection.forEach @addOne

  addOne: (todoItem) ->
    todoView = new TodoView model: todoItem
    @$el.append todoView.render().el

todo.js

var TodosView = Backbone.View.extend({
  initialize: function(){
    this.collection.on('add', this.addOne, this);
    this.collection.on('reset', this.addAll, this);
  },

  render: function(){
    this.addAll()
    return this;
  },

  addAll: function(){
    this.collection.forEach(this.addOne);
  },

  addOne: function(todoItem){
    var todoView = new TodoView({model: todoItem});
    this.$el.append(todoView.render().el); 
  }
});