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

Real integral using residue theorem - why doesn't this work?

Are there any limitations on attacking while grappling?

Solidity! Invalid implicit conversion from string memory to bytes memory requested

Can I run my washing machine drain line into a condensate pump so it drains better?

Sending manuscript to multiple publishers

"In the right combination" vs "with the right combination"?

Is it my responsibility to learn a new technology in my own time my employer wants to implement?

How to avoid supervisors with prejudiced views?

How to start emacs in "nothing" mode (`fundamental-mode`)

How do I go from 300 unfinished/half written blog posts, to published posts?

How do I reset passwords on multiple websites easily?

If the heap is zero-initialized for security, then why is the stack merely uninitialized?

Should I tutor a student who I know has cheated on their homework?

Why am I allowed to create multiple unique pointers from a single object?

Why do airplanes bank sharply to the right after air-to-air refueling?

Rotate a column

How to invert MapIndexed on a ragged structure? How to construct a tree from rules?

How to safely derail a train during transit?

How does the Z80 determine which peripheral sent an interrupt?

What flight has the highest ratio of time difference to flight time?

Is there a way to save my career from absolute disaster?

Do I need to enable Dev Hub in my PROD Org?

Plot of histogram similar to output from @risk

What does "Its cash flow is deeply negative" mean?



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



The Next CEO of Stack OverflowWhat is the naming convention in Python for variable and function names?How to execute a JavaScript function when I have its name as a stringWhat is a practical use for a closure in JavaScript?Javascript by reference vs. by valueWhy aren't ◎ܫ◎ and ☺ valid JavaScript variable names?What is the explanation for these bizarre JavaScript behaviours mentioned in the 'Wat' talk for CodeMash 2012?Is the recommendation to include CSS before JavaScript invalid?variable not writable in inner functionjavascript variable returning NaNFunction returns NaN when it shouldn't












7















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





























    7















    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



























      7












      7








      7


      1






      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 59 mins ago









      Nick Parsons

      10.3k2926




      10.3k2926










      asked 1 hour ago









      ClaudeClaude

      476




      476
























          3 Answers
          3






          active

          oldest

          votes


















          11














          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

































            2














            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














              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



              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
                52 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
                50 mins ago











              • While this code may solve the question, including an explanation of how and why this solves the problem would really help to improve the quality of your post, and probably result in more up-votes. Remember that you are answering the question for readers in the future, not just the person asking now. Please edit your answer to add explanations and give an indication of what limitations and assumptions apply. From Review

                – double-beep
                11 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









              11














              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






























                11














                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




























                  11












                  11








                  11







                  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 49 mins ago









                  Shidersz

                  9,3362933




                  9,3362933










                  answered 1 hour ago









                  jrojro

                  582115




                  582115

























                      2














                      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




























                        2














                        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


























                          2












                          2








                          2







                          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 59 mins ago









                          Jack BashfordJack Bashford

                          13.8k31848




                          13.8k31848























                              -1














                              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



                              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
                                52 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
                                50 mins ago











                              • While this code may solve the question, including an explanation of how and why this solves the problem would really help to improve the quality of your post, and probably result in more up-votes. Remember that you are answering the question for readers in the future, not just the person asking now. Please edit your answer to add explanations and give an indication of what limitations and assumptions apply. From Review

                                – double-beep
                                11 mins ago
















                              -1














                              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



                              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
                                52 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
                                50 mins ago











                              • While this code may solve the question, including an explanation of how and why this solves the problem would really help to improve the quality of your post, and probably result in more up-votes. Remember that you are answering the question for readers in the future, not just the person asking now. Please edit your answer to add explanations and give an indication of what limitations and assumptions apply. From Review

                                – double-beep
                                11 mins ago














                              -1












                              -1








                              -1







                              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



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





                              share|improve this answer















                              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



                              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








                              edited 9 mins ago

























                              answered 59 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
                                52 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
                                50 mins ago











                              • While this code may solve the question, including an explanation of how and why this solves the problem would really help to improve the quality of your post, and probably result in more up-votes. Remember that you are answering the question for readers in the future, not just the person asking now. Please edit your answer to add explanations and give an indication of what limitations and assumptions apply. From Review

                                – double-beep
                                11 mins ago














                              • 3





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

                                – Shidersz
                                52 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
                                50 mins ago











                              • While this code may solve the question, including an explanation of how and why this solves the problem would really help to improve the quality of your post, and probably result in more up-votes. Remember that you are answering the question for readers in the future, not just the person asking now. Please edit your answer to add explanations and give an indication of what limitations and assumptions apply. From Review

                                – double-beep
                                11 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
                              52 mins ago





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

                              – Shidersz
                              52 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
                              50 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
                              50 mins ago













                              While this code may solve the question, including an explanation of how and why this solves the problem would really help to improve the quality of your post, and probably result in more up-votes. Remember that you are answering the question for readers in the future, not just the person asking now. Please edit your answer to add explanations and give an indication of what limitations and assumptions apply. From Review

                              – double-beep
                              11 mins ago





                              While this code may solve the question, including an explanation of how and why this solves the problem would really help to improve the quality of your post, and probably result in more up-votes. Remember that you are answering the question for readers in the future, not just the person asking now. Please edit your answer to add explanations and give an indication of what limitations and assumptions apply. From Review

                              – double-beep
                              11 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

                              Why do type traits not work with types in namespace scope?What are POD types in C++?Why can templates only be...

                              Will tsunami waves travel forever if there was no land?Why do tsunami waves begin with the water flowing away...

                              Simple Scan not detecting my scanner (Brother DCP-7055W)Brother MFC-L2700DW printer can print, can't...