In which scenario is a function expression preferred over a function declaration?
- When you need the function to be hoisted and accessible before its declaration in the code.
- When you want to declare a function as a named function to improve code readability and debugging.
- When you need to define a function inside an object or as a callback function in another function.
- When you want to declare a function as a global function for reuse across multiple scripts.
A function expression is preferred over a function declaration when you need to define a function inside an object, pass it as a callback function, or use it in a specific local scope. Function expressions are often used in scenarios where you want to create functions on the fly and keep them within a limited scope.
The break statement exits a while loop and continues executing the code that follows the loop at line number ________.
- immediately
- next
- specified
- labeled
The 'break' statement exits a while loop immediately and continues executing the code that follows the loop at the next line. It allows you to prematurely terminate a loop based on a certain condition, without completing the remaining iterations.
You're reviewing a pull request, and you see that a developer used var to declare a variable inside a for loop. You notice that the variable is being accessed outside the loop without any issues. Why is this possible?
- Variable Hoisting
- Block Scoping (let/const)
- Function Scoping
- Global Scope
This is possible due to "Variable Hoisting" in JavaScript. Variables declared with var are hoisted to the top of their containing function or global scope. This means that the variable is accessible anywhere within that scope, even before its actual declaration in the code.
You are building a single-page application, and you want to make an API call. You realize that you want to abort the fetch request if the user navigates away from the current page to avoid unnecessary data transfer. How can you achieve this?
- Use the fetch.abort() method to cancel the request when the user navigates away.
- Implement an if statement to check the navigation state and cancel the request accordingly.
- Set a timeout for the fetch request and cancel it if the user navigates away within the timeout period.
- There's no way to cancel a fetch request when the user navigates away.
To abort a fetch request when the user navigates away from the current page, you should implement an if statement that checks the navigation state and cancels the request accordingly. The other options are not suitable for this specific task, and there's no built-in fetch.abort() method in JavaScript.
An arrow function is defined using the _________ symbol.
- =>
- ->
- function
- =
An arrow function is defined using the => (fat arrow) symbol. This concise syntax is a shorthand for writing simple, one-liner functions in JavaScript. It's especially useful for functions that have no side effects and return a single expression. The => symbol distinguishes arrow functions from traditional function declarations.
Which of the following is NOT a state of a Promise?
- Pending
- Resolved
- Rejected
- Completed
In JavaScript, a Promise can be in one of three states: Pending (initial state), Resolved (fulfilled with a value), or Rejected (fulfilled with an error). "Completed" is not a valid state for a Promise; it's either resolved or rejected.
The method myArray.find(callback) returns _______ if no element passes the test.
- NaN
- undefined
- an empty array
- -1
The myArray.find(callback) method returns undefined if no element in the array passes the test provided by the callback function. This is because it signifies that no element satisfies the condition. If an element is found that passes the test, it returns that element.
Consider a situation where you have a switch statement inside a function, and forgetting to include a break statement leads to a bug. How might this bug manifest in the function’s behavior?
- The function might return the value associated with the first matching case, and all subsequent code within the switch block will execute as well.
- The function will throw an error, indicating a missing "break" statement, and won't execute any code within the switch block.
- The function will automatically insert "break" statements at the end of each case, ensuring correct behavior.
- The function will ignore the switch statement and continue executing the code outside of the switch block.
If you forget to include a "break" statement in a switch case, it will lead to a bug where the function may not behave as expected. Instead of stopping after the first matching case, the switch statement will "fall through" to subsequent cases, causing unintended behavior. The correct option is to use a "break" statement to exit the switch block after handling a case. JavaScript doesn't automatically insert "break" statements, and it doesn't throw an error for missing "break" statements.
How does the prototype property behave in arrow functions?
- Arrow functions have a prototype property.
- Arrow functions do not have a prototype.
- Arrow functions inherit their prototype.
- Arrow functions override their prototype.
Arrow functions do not have their own this context and do not have a prototype property. Unlike regular functions, arrow functions do not bind their own this value or have a prototype property. This is a key difference to keep in mind when choosing between regular functions and arrow functions in JavaScript.
What is "Promise chaining" in JavaScript?
- A method for nesting multiple if statements
- A technique for connecting multiple Promises
- A way to synchronize asynchronous functions
- A method to define variables
"Promise chaining" is a technique in JavaScript where you can connect multiple Promises together. It allows you to execute asynchronous operations sequentially, making code more readable and manageable, especially when dealing with multiple async tasks.
You're debugging a JavaScript application and notice unexpected behavior in the manipulation of an array. The items are not being removed correctly using a method, and it turns out the array is not being modified at all. Which array method might be mistakenly being used?
- pop()
- push()
- splice()
- concat()
The concat() method is often mistakenly used for removing elements from an array because it doesn't modify the original array but returns a new array instead. The correct method for removing elements from an array is splice() or other methods like pop() or shift().
Unlike traditional functions, arrow functions do not have their own __________.
- this
- arguments
- return
- parameters
Unlike traditional functions, arrow functions do not have their own this binding. In arrow functions, this retains the value of the enclosing lexical context, which makes it useful in cases where you want to maintain the context of the surrounding code, such as in callbacks or when defining functions within functions.