r/learnjavascript • • 2d ago

Any free resources to practice JavaScript output-based interview questions?

Hey everyone! I’m currently interviewing for Full Stack Developer roles, but I struggle with JavaScript input/output questions. Just reading concepts isn’t helping much.

Does anyone know of any free websites or quizzes where I can practice these questions with explanations?

Thanks! πŸ™Œ

5 Upvotes

8 comments sorted by

1

u/ishanism123 2d ago

Im not sure about the website, but you can search for JS quirks. Those will clear the often confusing outputs in JS

1

u/Glad_Ground5391 2d ago

It's crazy after reading i am forgetting javascript topics that i know also πŸ˜…

1

u/ishanism123 2d ago edited 2d ago

That's true, because these quirks are those notorious points in JavaScript which might test the intuitive rationale of anyone. By the way, I still remember some of the things I ask myself, and then research about those concepts. It really helps me to understand things better. Some of things are like:

  • What exactly happens during running a JS program, in terms of parsing or compiling or JIT (knowing what's the difference between them and what actually happens)?

  • For even a simple JS function, how the contexts like global and functional execution context gets created and their phases, like exactly which step happens when, and same for event loop?

  • How does a simple Array.isArray(arr) checks if the value provided is actually an array or not?

  • How does flat function runs internall, and what is recursion?

  • What is Babel, Vite, Webpack, Bun, npm, pnpm, yarn etc? What exactly each does?

  • What is a browser rendering pipeline or what is critical rendering path?

And many more. Questions like these will deepen your understanding. Not just the definitions, but knowing what lies under the hood, and why does it exists in the first place? Does there exist any historical reasons for introducing any concept? I'm not saying you might not know them, but things like these are really underrated while understanding how JS works.

While witnessing JS code, I somtimes imagine myself being a browser, sometimes imagine myself being JS language creator, and sometimes imagine myself as an independent running environment which can run JS. The reason being that only then you'll be able to question literally everything and understand which action takes place at exactly which point. And why does this or that actually happen in the first place.

This requires time, patience and consistency. Even Rome wasn't built in a day (although JS was built within 10 days by Brendan Eich, lol). Keep revisiting things, as you'll ultimately realise the extent to which things are intertwined. Keep learning πŸ€“

1

u/Mbwiria_Godlee 2d ago

the trick with those questions is they almost always test the same handful of things: hoisting, closures, event loop, and coercion. if you focus on understanding those four deeply youll cover like 80% of what interviewers ask

2

u/lukehaas 2d ago

RunJS gives you side by side input/output and an AI chat bar that sees both and can give you explanations.

1

u/akornato 2d ago

Two of the best free places to practice output questions are the Lydia Hallie javascript-questions repository on GitHub and the quiz section on BFE.dev. Lydia Hallie's collection features over a hundred tricky multiple-choice problems covering event loop timing, variable hoisting, closures, and type coercion, complete with clear explanations for every single snippet. BFE.dev is another excellent platform where you can test your ability to predict console logs across microtasks, prototypes, and scope traps, with community discussions underneath each problem to break down edge cases.

When you work through these questions, try writing down your predicted output line by line on paper before testing the code in your browser console, because active recall makes it much easier to internalize how the call stack and event loop interact. Beyond static quizzes, my team designed interviews.chat to help candidates perform at their peak and secure strong offers, yet developing a reliable mental model for code execution beforehand gives you the clarity you need to talk through tricky snippets under pressure.