What is the difference between these Backbone/Underscore .bind() methods?

by

There are three main differences; _.bind only works on one method at a time, allows currying, and returns the bound function (this also means that you can use _.bind on an anonymous function):

Bind a function to an object, meaning that whenever the function is called, the value of this will be the object. Optionally, bind arguments to the function to pre-fill them, also known as currying.

whereas _.bindAll binds many named methods at once, doesn’t allow currying, and binds the them in-place:

Binds a number of methods on the object, specified by methodNames, to be run in the context of that object whenever they are invoked.

So these two chunks of code are roughly equivalent:

// Bind methods (not names) one a time.
o.m1 = _.bind(o.m1, o);
o.m2 = _.bind(o.m2, o);

// Bind several named methods at once.
_.bindAll(o, 'm1', 'm2');

But there is no bindAll equivalent to this:

f = _.bind(o, o.m1, 'pancakes');

That makes f() the same as o.m1('pancakes') (this is currying).

So, when you say this:

_.bindAll(this, 'render');
this.model.bind('change', this.render);

You’re binding the method render to have a this that matches the current this and then you’re binding this.render to the change event on this.model.

When you say this:

this.model.bind('change', _.bind(this.render, this));

You’re doing the same thing. And this:

_.bind(this.render, this);
this.model.bind('change', this.render);

doesn’t work because you’re throwing away the return value of _.bind (i.e. you throw away the bound function).

More Related Contents:

  1. Underscore template throwing variable not defined error
  2. Explanation of …
  3. Loading Backbone and Underscore using RequireJS
  4. External template in Underscore
  5. How to use if statements in underscore.js templates?
  6. correctly implement backbone comparators
  7. Most efficient method to groupby on an array of objects
  8. JavaScript merging objects by id
  9. Best way to iterate over an array without blocking the UI
  10. Add property to an array of objects
  11. One liner to flatten nested object
  12. using lodash .groupBy. how to add your own keys for grouped output?
  13. Javascript group objects by property [closed]
  14. Underscore: sortBy() based on multiple attributes
  15. Finding JavaScript memory leaks with Chrome
  16. What does _.debounce do?
  17. “Single-page” JS websites and SEO
  18. Backbone.js and pushState
  19. how to break the _.each function in underscore.js
  20. Backbone: event lost in re-render
  21. Recursive/deep extend/assign in Underscore.js?
  22. Backbone 0.9.9: Difference between listenTo and on
  23. In Javascript, what does this underscore mean?
  24. Split JavaScript array in chunks using Lodash
  25. Sorting an Array of JavaScript Objects a Specific Order (using existing function)
  26. How do I fetch a single model in Backbone?
  27. Array Of JS Dates How To Group By Days
  28. merge two arrays of keys and values to an object using underscore
  29. Tell screen reader that page has changed in Backbone/Angular single-page app
  30. How to capture the key event from a view?

Leave a Comment