var self = this?

by

This question is not specific to jQuery, but specific to JavaScript in general. The core problem is how to “channel” a variable in embedded functions. This is the example:

var abc = 1; // we want to use this variable in embedded functions

function xyz(){
  console.log(abc); // it is available here!
  function qwe(){
    console.log(abc); // it is available here too!
  }
  ...
};

This technique relies on using a closure. But it doesn’t work with this because this is a pseudo variable that may change from scope to scope dynamically:

// we want to use "this" variable in embedded functions

function xyz(){
  // "this" is different here!
  console.log(this); // not what we wanted!
  function qwe(){
    // "this" is different here too!
    console.log(this); // not what we wanted!
  }
  ...
};

What can we do? Assign it to some variable and use it through the alias:

var abc = this; // we want to use this variable in embedded functions

function xyz(){
  // "this" is different here! --- but we don't care!
  console.log(abc); // now it is the right object!
  function qwe(){
    // "this" is different here too! --- but we don't care!
    console.log(abc); // it is the right object here too!
  }
  ...
};

this is not unique in this respect: arguments is the other pseudo variable that should be treated the same way — by aliasing.

More Related Contents:

  1. How do JavaScript closures work?
  2. Can I set a value to the golbal variable in $(document).ready(function(){}); and use the same variable outside? [closed]
  3. Assign click handlers in for loop
  4. JavaScript closures vs. anonymous functions
  5. Is it possible to gain access to the closure of a function?
  6. Please explain the use of JavaScript closures in loops [duplicate]
  7. Access outside variable in loop from Javascript closure [duplicate]
  8. What underlies this JavaScript idiom: var self = this?
  9. JavaScript variable binding and loop
  10. How do I pass the this context to a function?
  11. Is window really global in Javascript?
  12. javascript – How to make this code work? [duplicate]
  13. Variables set during $.getJSON function only accessible within function
  14. How can I return a variable from a $.getJSON function
  15. Ajax jquery success scope
  16. Closures in a for loop
  17. functions inside or outside jquery document ready
  18. JavaScript scope and closure
  19. JavaScript Variable Scope [duplicate]
  20. javascript closure immediate evaluation [duplicate]
  21. closure inside a for loop – callback with loop variable as parameter [duplicate]
  22. dynamically call local function in javascript
  23. Function not calling within an onclick event
  24. Make VueJS and jQuery play nice
  25. How to detect chrome and safari browser (webkit)
  26. How to Disable Copy Paste (Browser)
  27. How to ajax-submit a form textarea input from CKEditor?
  28. How do I get first element rather than using [0] in jQuery?
  29. How to include jquery.js in another js file?
  30. How to use confirm using sweet alert?

Leave a Comment