Dtjytyk

If Nick Fury and Coulson already knew about aliens (Kree and Skrull) why did they wait until Thor's appearance to start making weapons?

What is "(CFMCC)" on an ILS approach chart?

Why do we use the plural of movies in this phrase "We went to the movies last night."?

Several mode to write the symbol of a vector

Is 'diverse range' a pleonastic phrase?

Why didn't Khan get resurrected in the Genesis Explosion?

Why do professional authors make "consistency" mistakes? And how to avoid them?

Help understanding this unsettling image of Titan, Epimetheus, and Saturn's rings?

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

Which tube will fit a -(700 x 25c) wheel?

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

Why does the UK parliament need a vote on the political declaration?

Grabbing quick drinks

What connection does MS Office have to Netscape Navigator?

To not tell, not take, and not want

Is it ever safe to open a suspicious html file (e.g. email attachment)?

Are there any unintended negative consequences to allowing PCs to gain multiple levels at once in a short milestone-XP game?

Written every which way

I believe this to be a fraud - hired, then asked to cash check and send cash as Bitcoin

Elegant way to replace substring in a regex with optional groups in Python?

Can we say or write : "No, it'sn't"?

If/When UK leaves the EU, can a future goverment conduct a referendum to join the EU?

Multiple labels for a single equation

Why is the US ranked as #45 in Press Freedom ratings, despite its extremely permissive free speech laws?

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

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

javascript function

share|improve this question

edited 1 hour ago

Nick Parsons

10.3k2926

asked 1 hour ago

ClaudeClaude

476

add a comment | 

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

javascript function

share|improve this question

edited 1 hour ago

Nick Parsons

10.3k2926

asked 1 hour ago

ClaudeClaude

476

add a comment | 

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

javascript function

share|improve this question

edited 1 hour ago

Nick Parsons

10.3k2926

asked 1 hour ago

ClaudeClaude

476

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 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()

share|improve this question

edited 1 hour ago

Nick Parsons

10.3k2926

asked 1 hour ago

ClaudeClaude

476

share|improve this question

edited 1 hour ago

Nick Parsons

10.3k2926

asked 1 hour ago

ClaudeClaude

476

edited 1 hour ago

Nick Parsons

10.3k2926

edited 1 hour ago

Nick Parsons

10.3k2926

asked 1 hour ago

ClaudeClaude

476

asked 1 hour ago

ClaudeClaude

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

edited 1 hour ago

Shidersz

9,3362933

answered 1 hour ago

jrojro

584115

add a comment | 

3

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

answered 1 hour ago

Jack BashfordJack Bashford

13.8k31848

add a comment | 

-2

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

edited 49 mins ago

answered 1 hour ago

Darshit ShahDarshit Shah

33

• 
  
  
  

  
  3
  

  
  
  
  
  
  

  
  
  How does this piece of code explains the issue? Can you provide an explanation of the code you have posted?
  
  – Shidersz
  1 hour 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
  1 hour 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
  52 mins ago
  

  
  
  
  

add a comment | 

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

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

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

Name

Email

Required, but never shown

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

edited 1 hour ago

Shidersz

9,3362933

answered 1 hour ago

jrojro

584115

add a comment | 

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

edited 1 hour ago

Shidersz

9,3362933

answered 1 hour ago

jrojro

584115

add a comment | 

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

edited 1 hour ago

Shidersz

9,3362933

answered 1 hour ago

jrojro

584115

function outer() 
 var a=2;

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

 inner();


outer();

share|improve this answer

edited 1 hour ago

Shidersz

9,3362933

answered 1 hour ago

jrojro

584115

edited 1 hour ago

Shidersz

9,3362933

edited 1 hour ago

Shidersz

9,3362933

answered 1 hour ago

jrojro

584115

answered 1 hour ago

jrojro

584115

3

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

answered 1 hour ago

Jack BashfordJack Bashford

13.8k31848

add a comment | 

3

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

answered 1 hour ago

Jack BashfordJack Bashford

13.8k31848

add a comment | 

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

answered 1 hour ago

Jack BashfordJack Bashford

13.8k31848

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

answered 1 hour ago

Jack BashfordJack Bashford

13.8k31848

answered 1 hour ago

Jack BashfordJack Bashford

13.8k31848

answered 1 hour ago

Jack BashfordJack Bashford

13.8k31848

-2

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

edited 49 mins ago

answered 1 hour ago

Darshit ShahDarshit Shah

33

• 
  
  
  

  
  3
  

  
  
  
  
  
  

  
  
  How does this piece of code explains the issue? Can you provide an explanation of the code you have posted?
  
  – Shidersz
  1 hour 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
  1 hour 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
  52 mins ago
  

  
  
  
  

add a comment | 

-2

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

edited 49 mins ago

answered 1 hour ago

Darshit ShahDarshit Shah

33

• 
  
  
  

  
  3
  

  
  
  
  
  
  

  
  
  How does this piece of code explains the issue? Can you provide an explanation of the code you have posted?
  
  – Shidersz
  1 hour 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
  1 hour 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
  52 mins ago
  

  
  
  
  

add a comment | 

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

edited 49 mins ago

answered 1 hour ago

Darshit ShahDarshit Shah

33

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

inner()

outer()

share|improve this answer

edited 49 mins ago

answered 1 hour ago

Darshit ShahDarshit Shah

33

answered 1 hour ago

Darshit ShahDarshit Shah

33

answered 1 hour ago

Darshit ShahDarshit Shah

33