A variable is visible in another block as well

Question

I have this code:

function ready() {
  $("#my_form").on("submit", function (e) {
    for (var j in someItems) {
      var element = $(someItems[j]);
      $("<input>").attr({type: "hidden", name: element.attr("name"), value: element.val()}).appendTo($(this));
    }

    for (var i = 0; i < someItems2.length; i++) { 
      // "element" is visible here ??????
      $("<input>").attr({type: "hidden", name: element.attr("name"), value: element.val()}).appendTo($(this));
    }
  });
});

jQuery(document).ready(ready);
jQuery(document).on("page:load", ready);

Why is the variable element visible in the second loop?

http://stackoverflow.com/questions/3725546/variable-hoisting — Chris Hayes, Jul 22 '14 at 01:20
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/var#Description — Fabrício Matté, Jul 22 '14 at 01:20
Scope of JavaScript variables is their parent function not blocks. — Alireza Ahmadi, Jul 22 '14 at 01:24

score 0 · Accepted Answer · answered Jul 22 '14 at 03:00

0

Because the variables does not have block scope in JavaScript but functional scope

Please refer to this article.

answered Jul 22 '14 at 03:00

Sarbbottam

5,410
4
30
41

A variable is visible in another block as well

1 Answers1