const "variable" undefined in following function

Question

Beginner here. Why userName is undefined in the function and how to make the function to have it as John Doe and not undefined?

const userName = 'John Doe';
console.log(userName);
const loggedInUser = (userName) => console.log('Logged in user is: ' + userName);
loggedInUser();

Console output:

index.js:22 John Doe
index.js:23 Logged in user is: undefined

You're hiding the "outer" userName with the userName parameter of the function. — Andreas
– Andreas, Commented Feb 4, 2018 at 9:19
FWIW, this is not a property, it's a "variable" though it would be more correct to say that it is a constant (since its value cannot change). — Felix Kling
– Felix Kling, Commented Feb 5, 2018 at 3:33

Daniel · Accepted Answer · 2018-02-04 09:20:58Z

1

const loggedInUser = (userName) => console.log('Logged in user is: ' + userName);

defines a function named loggedInUser that takes a single argument.

After defining this function you call it on the next line loggedInUser();, but you don't provide the argument.

Try loggedInUser(userName);

answered Feb 4, 2018 at 9:20

Daniel

11.3k12 gold badges56 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1