Why do variable in an inner function return nan when there is the same variable name at the inner function...












6















What's happening here? I get a different result if I declare a variable after console.log in the inner function



I understand that var has a functional scope and inner function can access the variable from their parent






function outer() {
var a = 2;

function inner() {
a++;
console.log(a) //log NaN
var a = 8
}
inner()
}
outer()








function outer() {
var a = 2;

function inner() {
a++;
console.log(a) //log 3
var b = 8
}
inner()
}
outer()





The log returns NaN in the first example and log 3 in the second example










share|improve this question





























    6















    What's happening here? I get a different result if I declare a variable after console.log in the inner function



    I understand that var has a functional scope and inner function can access the variable from their parent






    function outer() {
    var a = 2;

    function inner() {
    a++;
    console.log(a) //log NaN
    var a = 8
    }
    inner()
    }
    outer()








    function outer() {
    var a = 2;

    function inner() {
    a++;
    console.log(a) //log 3
    var b = 8
    }
    inner()
    }
    outer()





    The log returns NaN in the first example and log 3 in the second example










    share|improve this question



























      6












      6








      6








      What's happening here? I get a different result if I declare a variable after console.log in the inner function



      I understand that var has a functional scope and inner function can access the variable from their parent






      function outer() {
      var a = 2;

      function inner() {
      a++;
      console.log(a) //log NaN
      var a = 8
      }
      inner()
      }
      outer()








      function outer() {
      var a = 2;

      function inner() {
      a++;
      console.log(a) //log 3
      var b = 8
      }
      inner()
      }
      outer()





      The log returns NaN in the first example and log 3 in the second example










      share|improve this question
















      What's happening here? I get a different result if I declare a variable after console.log in the inner function



      I understand that var has a functional scope and inner function can access the variable from their parent






      function outer() {
      var a = 2;

      function inner() {
      a++;
      console.log(a) //log NaN
      var a = 8
      }
      inner()
      }
      outer()








      function outer() {
      var a = 2;

      function inner() {
      a++;
      console.log(a) //log 3
      var b = 8
      }
      inner()
      }
      outer()





      The log returns NaN in the first example and log 3 in the second example






      function outer() {
      var a = 2;

      function inner() {
      a++;
      console.log(a) //log NaN
      var a = 8
      }
      inner()
      }
      outer()





      function outer() {
      var a = 2;

      function inner() {
      a++;
      console.log(a) //log NaN
      var a = 8
      }
      inner()
      }
      outer()





      function outer() {
      var a = 2;

      function inner() {
      a++;
      console.log(a) //log 3
      var b = 8
      }
      inner()
      }
      outer()





      function outer() {
      var a = 2;

      function inner() {
      a++;
      console.log(a) //log 3
      var b = 8
      }
      inner()
      }
      outer()






      javascript function






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited 23 mins ago









      Nick Parsons

      10.3k2926




      10.3k2926










      asked 32 mins ago









      ClaudeClaude

      426




      426
























          3 Answers
          3






          active

          oldest

          votes


















          8














          This is due to hoisting



          The declaration of a in the inner function is hoisted to the top of the function, overriding the outer function's a, so a is undefined



          undefined++ returns NaN, hence your result.



          Your code is equivalent to:



          function outer() {
          var a=2;

          function inner() {
          var a;
          a++;
          console.log(a); //log NaN
          a = 8;
          }

          inner();
          }

          outer();


          Rewriting your code in this way makes it easy to see what's going on.






          share|improve this answer

































            1














            Because var is hoisted through the function, you're essentially running undefined++ which is NaN. If you remove var a = 8 in inner, the code works as expected:






            function outer() {
            var a = 2;

            function inner() {
            a++;
            console.log(a);
            }
            inner();
            }
            outer();








            share|improve this answer































              -1














              var a=0;
              function outer(){
              a=2;
              function inner(){
              a=a+1;
              console.log(a)
              a = 8
              }
              inner()
              }
              outer()





              share|improve this answer



















              • 3





                How does this piece of code explains the issue? Can you provide an explanation of the code you have posted?

                – Shidersz
                16 mins ago











              • They can’t access the inner function value so we have to defined globally. After globally you can use A value anywhere in the code

                – Darshit Shah
                14 mins ago












              Your Answer






              StackExchange.ifUsing("editor", function () {
              StackExchange.using("externalEditor", function () {
              StackExchange.using("snippets", function () {
              StackExchange.snippets.init();
              });
              });
              }, "code-snippets");

              StackExchange.ready(function() {
              var channelOptions = {
              tags: "".split(" "),
              id: "1"
              };
              initTagRenderer("".split(" "), "".split(" "), channelOptions);

              StackExchange.using("externalEditor", function() {
              // Have to fire editor after snippets, if snippets enabled
              if (StackExchange.settings.snippets.snippetsEnabled) {
              StackExchange.using("snippets", function() {
              createEditor();
              });
              }
              else {
              createEditor();
              }
              });

              function createEditor() {
              StackExchange.prepareEditor({
              heartbeatType: 'answer',
              autoActivateHeartbeat: false,
              convertImagesToLinks: true,
              noModals: true,
              showLowRepImageUploadWarning: true,
              reputationToPostImages: 10,
              bindNavPrevention: true,
              postfix: "",
              imageUploader: {
              brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
              contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
              allowUrls: true
              },
              onDemand: true,
              discardSelector: ".discard-answer"
              ,immediatelyShowMarkdownHelp:true
              });


              }
              });














              draft saved

              draft discarded


















              StackExchange.ready(
              function () {
              StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55428371%2fwhy-do-variable-in-an-inner-function-return-nan-when-there-is-the-same-variable%23new-answer', 'question_page');
              }
              );

              Post as a guest















              Required, but never shown

























              3 Answers
              3






              active

              oldest

              votes








              3 Answers
              3






              active

              oldest

              votes









              active

              oldest

              votes






              active

              oldest

              votes









              8














              This is due to hoisting



              The declaration of a in the inner function is hoisted to the top of the function, overriding the outer function's a, so a is undefined



              undefined++ returns NaN, hence your result.



              Your code is equivalent to:



              function outer() {
              var a=2;

              function inner() {
              var a;
              a++;
              console.log(a); //log NaN
              a = 8;
              }

              inner();
              }

              outer();


              Rewriting your code in this way makes it easy to see what's going on.






              share|improve this answer






























                8














                This is due to hoisting



                The declaration of a in the inner function is hoisted to the top of the function, overriding the outer function's a, so a is undefined



                undefined++ returns NaN, hence your result.



                Your code is equivalent to:



                function outer() {
                var a=2;

                function inner() {
                var a;
                a++;
                console.log(a); //log NaN
                a = 8;
                }

                inner();
                }

                outer();


                Rewriting your code in this way makes it easy to see what's going on.






                share|improve this answer




























                  8












                  8








                  8







                  This is due to hoisting



                  The declaration of a in the inner function is hoisted to the top of the function, overriding the outer function's a, so a is undefined



                  undefined++ returns NaN, hence your result.



                  Your code is equivalent to:



                  function outer() {
                  var a=2;

                  function inner() {
                  var a;
                  a++;
                  console.log(a); //log NaN
                  a = 8;
                  }

                  inner();
                  }

                  outer();


                  Rewriting your code in this way makes it easy to see what's going on.






                  share|improve this answer















                  This is due to hoisting



                  The declaration of a in the inner function is hoisted to the top of the function, overriding the outer function's a, so a is undefined



                  undefined++ returns NaN, hence your result.



                  Your code is equivalent to:



                  function outer() {
                  var a=2;

                  function inner() {
                  var a;
                  a++;
                  console.log(a); //log NaN
                  a = 8;
                  }

                  inner();
                  }

                  outer();


                  Rewriting your code in this way makes it easy to see what's going on.







                  share|improve this answer














                  share|improve this answer



                  share|improve this answer








                  edited 13 mins ago









                  Shidersz

                  9,3112933




                  9,3112933










                  answered 26 mins ago









                  jrojro

                  552112




                  552112

























                      1














                      Because var is hoisted through the function, you're essentially running undefined++ which is NaN. If you remove var a = 8 in inner, the code works as expected:






                      function outer() {
                      var a = 2;

                      function inner() {
                      a++;
                      console.log(a);
                      }
                      inner();
                      }
                      outer();








                      share|improve this answer




























                        1














                        Because var is hoisted through the function, you're essentially running undefined++ which is NaN. If you remove var a = 8 in inner, the code works as expected:






                        function outer() {
                        var a = 2;

                        function inner() {
                        a++;
                        console.log(a);
                        }
                        inner();
                        }
                        outer();








                        share|improve this answer


























                          1












                          1








                          1







                          Because var is hoisted through the function, you're essentially running undefined++ which is NaN. If you remove var a = 8 in inner, the code works as expected:






                          function outer() {
                          var a = 2;

                          function inner() {
                          a++;
                          console.log(a);
                          }
                          inner();
                          }
                          outer();








                          share|improve this answer













                          Because var is hoisted through the function, you're essentially running undefined++ which is NaN. If you remove var a = 8 in inner, the code works as expected:






                          function outer() {
                          var a = 2;

                          function inner() {
                          a++;
                          console.log(a);
                          }
                          inner();
                          }
                          outer();








                          function outer() {
                          var a = 2;

                          function inner() {
                          a++;
                          console.log(a);
                          }
                          inner();
                          }
                          outer();





                          function outer() {
                          var a = 2;

                          function inner() {
                          a++;
                          console.log(a);
                          }
                          inner();
                          }
                          outer();






                          share|improve this answer












                          share|improve this answer



                          share|improve this answer










                          answered 23 mins ago









                          Jack BashfordJack Bashford

                          13.8k31848




                          13.8k31848























                              -1














                              var a=0;
                              function outer(){
                              a=2;
                              function inner(){
                              a=a+1;
                              console.log(a)
                              a = 8
                              }
                              inner()
                              }
                              outer()





                              share|improve this answer



















                              • 3





                                How does this piece of code explains the issue? Can you provide an explanation of the code you have posted?

                                – Shidersz
                                16 mins ago











                              • They can’t access the inner function value so we have to defined globally. After globally you can use A value anywhere in the code

                                – Darshit Shah
                                14 mins ago
















                              -1














                              var a=0;
                              function outer(){
                              a=2;
                              function inner(){
                              a=a+1;
                              console.log(a)
                              a = 8
                              }
                              inner()
                              }
                              outer()





                              share|improve this answer



















                              • 3





                                How does this piece of code explains the issue? Can you provide an explanation of the code you have posted?

                                – Shidersz
                                16 mins ago











                              • They can’t access the inner function value so we have to defined globally. After globally you can use A value anywhere in the code

                                – Darshit Shah
                                14 mins ago














                              -1












                              -1








                              -1







                              var a=0;
                              function outer(){
                              a=2;
                              function inner(){
                              a=a+1;
                              console.log(a)
                              a = 8
                              }
                              inner()
                              }
                              outer()





                              share|improve this answer













                              var a=0;
                              function outer(){
                              a=2;
                              function inner(){
                              a=a+1;
                              console.log(a)
                              a = 8
                              }
                              inner()
                              }
                              outer()






                              share|improve this answer












                              share|improve this answer



                              share|improve this answer










                              answered 23 mins ago









                              Darshit ShahDarshit Shah

                              53




                              53








                              • 3





                                How does this piece of code explains the issue? Can you provide an explanation of the code you have posted?

                                – Shidersz
                                16 mins ago











                              • They can’t access the inner function value so we have to defined globally. After globally you can use A value anywhere in the code

                                – Darshit Shah
                                14 mins ago














                              • 3





                                How does this piece of code explains the issue? Can you provide an explanation of the code you have posted?

                                – Shidersz
                                16 mins ago











                              • They can’t access the inner function value so we have to defined globally. After globally you can use A value anywhere in the code

                                – Darshit Shah
                                14 mins ago








                              3




                              3





                              How does this piece of code explains the issue? Can you provide an explanation of the code you have posted?

                              – Shidersz
                              16 mins ago





                              How does this piece of code explains the issue? Can you provide an explanation of the code you have posted?

                              – Shidersz
                              16 mins ago













                              They can’t access the inner function value so we have to defined globally. After globally you can use A value anywhere in the code

                              – Darshit Shah
                              14 mins ago





                              They can’t access the inner function value so we have to defined globally. After globally you can use A value anywhere in the code

                              – Darshit Shah
                              14 mins ago


















                              draft saved

                              draft discarded




















































                              Thanks for contributing an answer to Stack Overflow!


                              • Please be sure to answer the question. Provide details and share your research!

                              But avoid



                              • Asking for help, clarification, or responding to other answers.

                              • Making statements based on opinion; back them up with references or personal experience.


                              To learn more, see our tips on writing great answers.




                              draft saved


                              draft discarded














                              StackExchange.ready(
                              function () {
                              StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55428371%2fwhy-do-variable-in-an-inner-function-return-nan-when-there-is-the-same-variable%23new-answer', 'question_page');
                              }
                              );

                              Post as a guest















                              Required, but never shown





















































                              Required, but never shown














                              Required, but never shown












                              Required, but never shown







                              Required, but never shown

































                              Required, but never shown














                              Required, but never shown












                              Required, but never shown







                              Required, but never shown







                              Popular posts from this blog

                              Knooppunt Holsloot

                              Altaar (religie)

                              Gregoriusmis