Bind more arguments of an already bound function in Javascript

by

Once you bound an object to a function with bind, you cannot override it. It’s clearly written in the specs, as you can see in MDN documentation:

“The bind() function creates a new function (a bound function) with the same function body (internal call property in ECMAScript 5 terms) as the function it is being called on (the bound function’s target function) with the this value bound to the first argument of bind(), which cannot be overridden.“

That means, also if you do:

g.call(1);

You will get obj as this, and not 1 – on the browsers that follows the specs.

You can of course binds multiple arguments, so:

var sum = function(a, b, c) { return a + b + c };
var sumAB = sum.bind(null, 1, 5);
var sumC = sumAB.bind(null, 2);

console.log(sumC());

But the context object will be always the one specified with the first bind, because it cannot be overwritten.

Just to avoid confusion, the first argument of call is the context object (this), then you will have the rest of the argument.

It means:

var obj = { foo: function(bar) { console.log(bar) } };

obj.foo('hello');

// equivalent to:
var foo = obj.foo;

foo.call(obj, 'hello');

Hope it helps.

More Related Contents:

  1. What is the use of the JavaScript ‘bind’ method?
  2. What is the difference between a function call and function reference?
  3. jQuery Event Keypress: Which key was pressed?
  4. jQuery how to bind onclick event to dynamically added HTML element [duplicate]
  5. Passing an array as a function parameter in JavaScript
  6. When you pass ‘this’ as an argument? [duplicate]
  7. Why is JavaScript bind() necessary?
  8. Removing event listener which was added with bind
  9. Explanation of [].slice.call in javascript?
  10. How to handle lack of JavaScript Object.bind() method in IE 8
  11. jQuery: trigger a hover event from another element
  12. Javascript inheritance: call super-constructor or use prototype chain?
  13. How to pass a callback as a parameter into another function
  14. JavaScript: Detect AJAX requests
  15. Why is it necessary to use bind when working with ES6 and ReactJS?
  16. How does ‘call’ work in javascript?
  17. Any Javascript GURU here to make this Script ? If Anchor is Changed Redirect the Page
  18. Repeat a string in JavaScript a number of times
  19. How to disable HTML links
  20. How To Set A JS object property name from a variable
  21. Angular app has to clear cache after new deployment
  22. AngularJS dynamic form field validation
  23. Lazy getter doesn’t work in classes
  24. javascript onclick happening on page load
  25. URL encode sees “&” (ampersand) as “&” HTML entity
  26. When passing variable to function I get ‘Invalid argument’, but when I hard code it works in Apps Script
  27. Chrome violation : [Violation] Handler took 83ms of runtime
  28. Using Crypto-JS in Google Apps Script – What is C.lib?
  29. Passing parameter inside $location.path in Angular
  30. How to use confirm using sweet alert?

Leave a Comment