The reason to use JS .call() method?

by

call is used when you want to control the scope that will be used in the function called. You might want the this keyword to be something else than the scope you assigned the function to, in those cases you can use call or apply to call the function with your own scope.

F.ex, it also allows you to call utility methods outside the scope, like when using “private” functions:

var obj = (function() {
    var privateFn = function() {
        alert(this.id);
    }
    return {
        id: 123,
        publicFn: function() {
            privateFn.call(this);
        }
    };
}());

obj.publicFn();

In the example above, privateFn is not exposed in obj but it can still be constructed as if it was a part of the public scope (using this in the same way).

More Related Contents:

  1. How do I use ‘this” keyword in an object literal? [closed]
  2. Javascript call() & apply() vs bind()?
  3. Javascript “this” pointer within nested function
  4. How does this object method definition work without the “function” keyword?
  5. this inside function
  6. JavaScript – Owner of “this”
  7. The invocation context (this) of the forEach function call
  8. Method vs Functions, and other questions
  9. jQuery call function from a string [duplicate]
  10. What object javascript function is bound to (what is its “this”)?
  11. includes() not working in all browsers
  12. onClick Function “this” Returns Window Object
  13. var functionName = function() {} vs function functionName() {}
  14. I have returned two values but console displaying only one value.. what’s wrong with my code?
  15. I would like to ask how to explain this (javascript function)
  16. Simplest/cleanest way to implement a singleton in JavaScript
  17. Javascript setInterval and `this` solution
  18. JavaScript function aliasing doesn’t seem to work
  19. Assigning prototype methods *inside* the constructor function – why not?
  20. “this” keyword in event methods when using JavaScript prototype object
  21. How does Asynchronous Javascript Execution happen? and when not to use return statement?
  22. How do I pass the this context to a function?
  23. Higher-order functions in Javascript
  24. How to add my own methods to HTMLElement object?
  25. Why can I not use `new` with an arrow function in JavaScript/ES6?
  26. Set type for function parameters?
  27. Can you alter a Javascript function after declaring it?
  28. Javascript: Get access to local variable or variable in closure by its name [duplicate]
  29. Lambda function syntax in JavaScript without curly braces
  30. How to get function body text in JavaScript? [duplicate]

Leave a Comment