Swiggy Front end Developer Interview Questions and Answers

There was an online coding test on signal consisting of leetcode easy medium and hard

Q1. What is denbouncer and throttle
Ans. 
Debouncer and throttle are techniques used to limit the frequency of function calls.
• Debouncing delays the execution of a function until a certain amount of time has passed without the function being called again.

• Throttling limits the frequency of function calls to a certain rate, executing the function at fixed intervals.

• Debouncing is useful for events that may be triggered multiple times in quick succession, such as r...read more
Answered by AI
View 1 more answer
Q2. What is curry function
Ans. 
Currying is a technique of transforming a function that takes multiple arguments into a sequence of functions that each take a single argument.
• Currying allows partial application of a function

• It helps in creating reusable functions

• Curried functions are easier to compose and chain

• Example: const add = (a) => (b) => a + b; add(2)(3) returns 5
Answered by AI
Add your answer
Q3. Implement curry function
Ans. 
Curry function is a higher-order function that allows partial application of arguments.
• Currying transforms a function that takes multiple arguments into a series of functions that take one argument each.

• It returns a new function until all the arguments are received and then executes the original function.

• Example: const add = (a, b) => a + b; const curriedAdd = curry(add); curriedAdd(2)(3) returns 5.
Answered by AI
Add your answer
Q4. What is promise.all()
Ans. 
promise.all() is a method that takes an array of promises and returns a new promise that resolves when all promises in the array have resolved.
• It is used to handle multiple asynchronous operations simultaneously.

• If any of the promises in the array rejects, the returned promise will be rejected with the reason of the first rejected promise.

• The resolved values of the promises are returned as an array in the same order as
Answered by AI
View 1 more answer
Q5. What is memoization?
Ans. 
Memoization is a technique of caching the results of a function to improve performance.
• Memoization is used to avoid redundant calculations by storing the results of a function and returning the cached result when the same inputs occur again.

• It is commonly used in recursive functions and functions with expensive computations.

• Memoization can be implemented manually or by using libraries like Lodash or Memoizee.

• Example: M...read more
Answered by AI
Add your answer
Q6. What is closure in javascript
Ans. 
Closure is a function that has access to its parent scope even after the parent function has returned.
• Closure allows for private variables and functions in JavaScript.

• It is created when a function returns another function.

• The inner function has access to the outer function's variables and parameters.

• Example: function outer() { let x = 10; return function inner() { console.log(x); } }

• The inner function can access and mo...read more
Answered by AI
Add your answer
Q7. What is the problem with colosures
Ans. 
Closures can cause memory leaks if not handled properly.
• Closures can hold references to variables outside of their scope, preventing them from being garbage collected.

• If closures are used excessively or not released properly, they can cause memory leaks.

• To avoid memory leaks, make sure to release closures when they are no longer needed.
Answered by AI
Add your answer
Q8. Some output questions on SetTimeout to check closure knowledge
Add your answer
Q9. React lifecycle events
Add your answer
Q10. Major difference between class based components and class based components
Ans. 
There is no difference between class based components and class based components.
• There seems to be a typo in the question.

• Assuming the question is about functional components vs class components, the major difference is that class components use a class to define the component while functional components are defined as functions.

• Class components have access to lifecycle methods while functional components do not.

• Functi...read more
Answered by AI
View 3 more answers
Q11. Shallow copy vs deep copy
Ans. 
Shallow copy only copies the reference to an object while deep copy creates a new object with a new memory address.
• Shallow copy is faster and uses less memory than deep copy.

• In shallow copy, changes made to the original object will reflect in the copied object as well.

• Deep copy creates a completely new object with its own memory space.

• In JavaScript, arrays and objects are assigned by reference, so a shallow copy will o...read more
Answered by AI
Add your answer
Q12. How to do deep copy ?
Ans. 
Deep copy creates a new object with the same values as the original object.
• Use Object.assign() method to create a deep copy of an object.

• For nested objects, use recursion to copy all levels.

• For arrays, use slice() method to create a new array with the same values.

• Avoid using spread operator for deep copy as it only creates a shallow copy.
Answered by AI
Add your answer
Q13. What is hoisting? Some questions on it
Add your answer

Q1. Asked about fundamentals of javascript and react
Add your answer
Q2. React lifecycle in functional components
Ans. 
React lifecycle in functional components
• useEffect hook replaces lifecycle methods

• useEffect runs after every render by default

• useEffect can be controlled by dependencies array

• useEffect cleanup function can be used to clean up effects

• useLayoutEffect hook runs synchronously after DOM mutations
Answered by AI
Add your answer

Return numbers in array equal to sum

Q1. Repaint vs reflow
Ans. 
Repaint involves changing the visual appearance of an element, while reflow involves recalculating the layout of elements on the page.
• Repaint is when changes are made to an element's style that do not affect its layout, such as color or background.

• Reflow is when changes are made to an element's layout that affect its position or size, triggering a recalculation of the entire page layout.

• Repaint is less resource-intensi...read more
Answered by AI
Add your answer
Q2. Implement debounce
Add your answer

Q1. Polyfill for bind Closures Call apply bind let const var lexical environment scope output questions
Add your answer

Q1. About JS in general
Add your answer
Q2. Basic JS concepts
Add your answer

Q1. Question around setTimeout implementation and clearTimeout
Add your answer