How does hoisting affect functions in JavaScript?

Can you explain how hoisting works in JavaScript?

Sure! Hoisting is a JavaScript mechanism where variables and function declarations are moved to the top of their containing scope during compilation.

So, does that mean I can use a function before I declare it?

Yes, exactly! Function declarations are hoisted, so you can call them before their actual declaration in the code.

What about variables? Are they hoisted too?

Variables declared with var are hoisted, but only their declarations, not their initializations. This can lead to undefined values if accessed before assignment.

Can you give me an example of hoisting with variables?

Of course! If you declare a variable with var x; and then log x before the declaration, it will output undefined.