this inside function

by

The this keyword refers to the object the function belongs to, or the window object if the function belongs to no object.

It’s used in OOP code, to refer to the class/object the function belongs to
For example:

function foo() {
    this.value="Hello, world";

    this.bar = function() {
        alert(this.value);
    }
}

var inst = new foo();
inst.bar();

This alerts: Hello, world

You can manipulate which object this refers to by using the apply() or call() functions. (A very very handy feature at times) 

var bar1 = new function() {
    this.value="#1";
}
var bar2 = new function() {
    this.value="#2";
}

function foo() {
    alert(this.value);
}

foo.call(bar1); // Output: #1
foo.apply(bar2, []); // Output: #2

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. The invocation context (this) of the forEach function call
  5. What object javascript function is bound to (what is its “this”)?
  6. The reason to use JS .call() method?
  7. onClick Function “this” Returns Window Object
  8. What is wrong with this function
  9. What is the use of the JavaScript ‘bind’ method?
  10. What’s the difference between ‘$(this)’ and ‘this’?
  11. Preserving a reference to “this” in JavaScript prototype functions [duplicate]
  12. When you pass ‘this’ as an argument? [duplicate]
  13. Why can I use a function before it’s defined in JavaScript?
  14. Adding console.log to every function automatically
  15. How can I create every combination possible for the contents of two arrays?
  16. How to define custom sort function in javascript?
  17. How does the “this” keyword work, and when should it be used?
  18. Calling a javascript function recursively
  19. How to make chainable function in JavaScript?
  20. this value in JavaScript anonymous function
  21. this is undefined inside arrow function
  22. Is there a JavaScript function that reduces a fraction
  23. JS Object this.method() breaks via jQuery
  24. What is context in _.each(list, iterator, [context])?
  25. What happens if I call a function with more arguments than it is defined to accept?
  26. Can you create functions with custom prototypes in JavaScript?
  27. Use JavaScript variable as function name?
  28. Javascript: Get access to local variable or variable in closure by its name [duplicate]
  29. What are the different ways of writing an IIFE? What are their use cases?
  30. How to get function body text in JavaScript? [duplicate]

Leave a Comment