How do I pass the value (not the reference) of a JS variable to a function? [duplicate]

by

In modern browsers, you can use the let or const keywords to create a block-scoped variable:

for (let i = 0; i < results.length; i++) {
  let marker = results[i];
  google.maps.event.addListener(marker, 'click', () => change_selection(i));
}

In older browsers, you need to create a separate scope that saves the variable in its current state by passing it as a function parameter: 

for (var i = 0; i < results.length; i++) {
  (function (i) {
    marker = results[i];
    google.maps.event.addListener(marker, 'click', function() { 
      change_selection(i);
    }); 
  })(i);
}

By creating an anonymous function and calling it with the variable as the first argument, you’re passing-by-value to the function and creating a closure.

More Related Contents:

  1. JavaScript by reference vs. by value [duplicate]
  2. Does JavaScript pass by reference? [duplicate]
  3. Is JavaScript a pass-by-reference or pass-by-value language?
  4. What is the purpose of a self executing function in javascript?
  5. Pass variables by reference in JavaScript
  6. Assign click handlers in for loop
  7. Event handlers inside a Javascript loop – need a closure?
  8. JavaScript closures vs. anonymous functions
  9. JavaScript function aliasing doesn’t seem to work
  10. Please explain the use of JavaScript closures in loops [duplicate]
  11. Is it true that every function in JavaScript is a closure?
  12. Doesn’t JavaScript support closures with local variables? [duplicate]
  13. What is this JavaScript pattern called and why is it used?
  14. Javascript Closures and ‘this’
  15. (…()) vs. (…)() in javascript closures [duplicate]
  16. What is a practical use for a closure in JavaScript?
  17. Javascript closure not working
  18. javascript – How to make this code work? [duplicate]
  19. Javascript closures – variable scope question
  20. How are closures and scopes represented at run time in JavaScript
  21. How To Solve The React Hook Closure Issue?
  22. Example of a circular reference in Javascript?
  23. Is a closure for dereferencing variables useful?
  24. What exactly does “closure” refer to in JavaScript?
  25. How do JavaScript closures work at a low level?
  26. dynamically call local function in javascript
  27. Javascript: Get access to local variable or variable in closure by its name [duplicate]
  28. How can I remove a JavaScript event listener?
  29. Passing a function with arguments as an argument?
  30. Add multiple window.onload events

Leave a Comment