Hfrxdjt

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

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

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

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

Return the Closest Prime Number

Make solar eclipses exceedingly rare, but still have new moons

How do I reset passwords on multiple websites easily?

How do we know the LHC results are robust?

What can we do to stop prior company from asking us questions?

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

Why has the US not been more assertive in confronting Russia in recent years?

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

Can you replace a racial trait cantrip when leveling up?

Complex fractions

If a black hole is created from light, can this black hole then move at speed of light?

Sending manuscript to multiple publishers

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

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

What connection does MS Office have to Netscape Navigator?

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

Contours of a clandestine nature

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

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

Received an invoice from my ex-employer billing me for training; how to handle?

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

6

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

Nick Parsons

10.3k2926

asked 54 mins ago

ClaudeClaude

426

add a comment | 

6

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

Nick Parsons

10.3k2926

asked 54 mins ago

ClaudeClaude

426

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

Nick Parsons

10.3k2926

asked 54 mins ago

ClaudeClaude

426

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

Nick Parsons

10.3k2926

asked 54 mins ago

ClaudeClaude

426

share|improve this question

edited 46 mins ago

Nick Parsons

10.3k2926

asked 54 mins ago

ClaudeClaude

426

edited 46 mins ago

Nick Parsons

10.3k2926

edited 46 mins ago

Nick Parsons

10.3k2926

asked 54 mins ago

ClaudeClaude

426

asked 54 mins ago

ClaudeClaude

426

3 Answers
3

active

oldest

votes

10

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

Shidersz

9,3112933

answered 49 mins ago

jrojro

572115

add a comment | 

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

answered 46 mins ago

Jack BashfordJack Bashford

13.8k31848

add a comment | 

-1

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

inner()

outer()

share|improve this answer

answered 46 mins ago

Darshit ShahDarshit Shah

53

• 
  
  
  

  
  3
  

  
  
  
  
  
  

  
  
  How does this piece of code explains the issue? Can you provide an explanation of the code you have posted?
  
  – Shidersz
  39 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
  37 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

10

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

Shidersz

9,3112933

answered 49 mins ago

jrojro

572115

add a comment | 

10

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

Shidersz

9,3112933

answered 49 mins ago

jrojro

572115

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

Shidersz

9,3112933

answered 49 mins ago

jrojro

572115

function outer() 
 var a=2;

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

 inner();


outer();

share|improve this answer

edited 36 mins ago

Shidersz

9,3112933

answered 49 mins ago

jrojro

572115

edited 36 mins ago

Shidersz

9,3112933

edited 36 mins ago

Shidersz

9,3112933

answered 49 mins ago

jrojro

572115

answered 49 mins ago

jrojro

572115

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

answered 46 mins ago

Jack BashfordJack Bashford

13.8k31848

add a comment | 

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

answered 46 mins 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 46 mins 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 46 mins ago

Jack BashfordJack Bashford

13.8k31848

answered 46 mins ago

Jack BashfordJack Bashford

13.8k31848

answered 46 mins ago

Jack BashfordJack Bashford

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

answered 46 mins ago

Darshit ShahDarshit Shah

53

• 
  
  
  

  
  3
  

  
  
  
  
  
  

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

  
  
  
  

add a comment | 

-1

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

inner()

outer()

share|improve this answer

answered 46 mins ago

Darshit ShahDarshit Shah

53

• 
  
  
  

  
  3
  

  
  
  
  
  
  

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

  
  
  
  

add a comment | 

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

inner()

outer()

share|improve this answer

answered 46 mins ago

Darshit ShahDarshit Shah

53

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

inner()

outer()

share|improve this answer

answered 46 mins ago

Darshit ShahDarshit Shah

53

answered 46 mins ago

Darshit ShahDarshit Shah

53

answered 46 mins ago

Darshit ShahDarshit Shah

53