I Don't Know Javascript

Here in the post, I have posted all the possible interview questions and answers on closure. If you are not familiar with the closure , I would highly recommend you to go to my post on   closure . Once you are comfortable with the topic, you can attempt these questions. All the answers are given at the end of the post. //Question 1 function foo() { var a = 5 function bar() { console.log(a) } return bar; } var baz = foo() baz()   // Question 2 function outer(a) { var b = 2 function inner() { var c = 5 console.log(a * b * c) } return inner; } var multiply = outer(5) multiply() // Question 3 const arr = [10, 20, 30, 40, 50] for (var i = 0; i < arr.length; i++) { setTimeout(function() { console.log('Index: ' + i + ', element: ' + arr[i]) }, 1000) } // Question 4 for (var i = 0; i < 5; i++) { setTimeout(function(i) { return function() {

The interview questions posted in the article are based on let , rest/spread , default parameter, destructuring, object/template literals , etc introduced in ES 6. Find the output of the code in each question.   // Question 1 let a = 2; if (a > 1) { let b = a * 3; console.log(b); for (let i = a; i <= b; i++) { let j = i + 10; console.log(j); } let c = a + b; console.log(c); }   // Question 2 function foo() { console.log(a); console.log(b); var a; let b; } foo();   //Question 3 var funcs = []; for (let i = 0; i < 5; i++) { funcs.push(function() { console.log(i); }); } funcs[3](); //Question 4 var a = [2, 3, 4]; var b = [1, ...a, 5]; console.log(b); //Question 5 function foo(x, y, ...z) { console.log(x, y, z); } foo(1, 2, 3, 4, 5); //Question 6   function foo(x = 11, y = 31) { console.log(x + y); } foo();

In this post,I have tried to cover all the types of possible interview questions and answers on hoisting. If you are not familiar with the hoisting, I would highly recommend you to go to my post on hoisting . Once you are comfortable with the topic, you can attempt these questions. Understanding the type of question will help you to answer. I have provided the hint after each question. All the answers are given at the end of the post. //Question 1 console.log('bar:', bar) bar = 15 var foo = 1 console.log(foo, bar) var bar Hint : Basics of hoisting //Question 2 var foo = 5 console.log('foo:', foo) var foo; var bar = 10; var bar; console.log('bar:', bar) var baz = 10 var baz = 12 console.log('baz:', baz) Hint : Basics of hoisting     //Question 3 function foo() { function bar() { return 5 } return bar() function bar() { return 10 } } console.log(foo()); Hi

As we know in Javascript there are two different datatypes - Primitive Datatype like string, number, boolean, undefined, null, Symbol(introduced in ES6) and Reference Datatype like object. Primitive datatypes are immutable(cannot be changed) and values contain only a single thing (a string or a number etc) whereas Objects are mutable(can be changed). What is Object? An object is an unordered list of data types, stored as name-value(or key-value) pairs. Each item in the list is called a property (and functions are called methods).e.g. let person = {name : "Alex",  age: 27 }; console.log(person);  output : { name : "Alex" , age : 27 } age :  27 name :  " Alex " __proto__ :  Object We can also create the same person object differently let person = new Object(); person.name = "Alex"; person.age = 27; console.log(person); output: { name : "Alex" , age : 27 } Generally, property names are kept as string but it ca

In this post, we will try to understand Currying in Javascript, how we can make curry function and the reason behind the currying concept. What is Currying in Javascript? Currying is the process of taking a function with multiple arguments and turning it into a sequence of functions each with a single argument and eventually resolve to a value. Not clear with the definition,right? Lets understand with example, in which we have written a function to find the volume. // volume function definition using arrow const volume = (l, b, h) => (l * b * h);  // calling volume function volume(3,2,4);   // 24 Learn about arrow functions, here . Now here, when we want to call this volume function, we need to pass all the three arguments at one time. Consider a scenario where you get length, breadth and  height at different part of the function or javascript file. How can we achieve this? To answer such scenario, we can use currying in javascript. Making curry function

What is a closure? If we want to derive a definition,we can say, A closure is a feature of Javascript where inner function has access to the outer (enclosing) function’s variables—scope chain. This scope chains means inner function has: access to its own scope (variables defined between its curly brackets and its parameters), access to the outer function’s variables and parameters,  access to the global variables. Now we will look into it in detail. Consider following example var globalVar = "xyz"; function outerFunc(outerArg) { var outerVar = 'Alex'; function innerFunc(innerArg) { var innerVar = 'Chris'; console.log("globalVar = " + globalVar); console.log("outerArg = " + outerArg); console.log("innerArg = " + innerArg); console.log("outerVar = " + outerVar); console.log("innerVar = " + innerVar); } innerFunc(456); } outerFunc(12