Skip to main content

snippets

 /*This are questions where you need to find output and explain the output of snippet.

Please run each snippet seperately to understand it better
*/


//1)
(async () => {
try {
var x = 21;
var test = function () {
console.log(x);
let x = 20;
};
test();
} catch (e) {
console.log(e)
}


//output: ReferenceError: Cannot access 'x' before initialization
//As we define let and its scope is block and hositing of let is in temporary dead zone that we can't access before initialization.

})();





//2) What will the output with explanation:
(async () => {


setTimeout(() => {
console.log("In zero timeout")
}, 0)

const c = "hi";
process.nextTick(() => {
console.log("In process nexttick ")

})

var value = await new Promise((resolve, reject) => {

resolve("resolve")

})
setImmediate(() => {
// run something
console.log("set immediate")

});
console.log(value)

for (let i = 0; i < 10; i++) {
console.log(i)
}

for (let i = 0; i < 10; i++) {
setTimeout(() => {

console.log(i, "")

}, 0)
}
console.log(c)
/*
1)In process nexttick=> process.nextTick will
2)resolve-> Beacuse we are using await to get the result so after await is executed other things will be executed.
3)0 to 9 values -> as it is for loop and will work synchronous
4)hi->
5)In zero timeout -> Though it is first line of code with 0 settimeout but still it will executed by DOM apis and its async operation.
6)0 to 9 ->Again settimeout in for loop it will be aync
Note:set immediate we can't exactly tell when will it run as depends upon which phaze event loop is running.
It runs in check phaze with respect to nodejs event loop.
Though within an i/o cycle we can gurantee that it will run before setTimeout .
Read this:https://nodejs.org/en/docs/guides/event-loop-timers-and-nexttick ->setImmediate() vs setTimeout()
What will be output
timeout_vs_immediate.js
(async () => {
const fs = require('fs');
fs.readFile(__filename, () => {
setTimeout(() => {
console.log('timeout');
}, 0);
setImmediate(() => {
console.log('immediate');
});
});
The main advantage to using setImmediate() over setTimeout() is setImmediate()
will always be executed before any timers if scheduled within an I/O cycle,
independently of how many timers are present.
If we run the following script which is not within an I/O cycle (i.e. the main module),
the order in which the two timers are executed is non-deterministic, as it is bound by the performance of the process:
For ex:
setTimeout(() => {
console.log('timeout');
}, 0);
setImmediate(() => {
console.log('immediate');
});
*/



})();


//4) What will be output:
(async () => {
function display1() {
return {
hello: "world"
};
}
function display2() {
return
{
hello: "world2"
};
}

console.log(display1())//Hello :world

console.log(display2())
/*undefined as code is not reachable.
The "rule" is automatic semicolon insertion.
return is a valid statement all on its own, so it is treated as a complete statement. The code starting on the next line is also syntactically valid (although it's not interpreted as an object at all in this case, but rather a code block containing a label and a single "statement" that consists of a string literal). So automatic semicolon insertion kicks in here and the two are treated as separate statements.
The code that starts on the line after the return is simply ignored.*/

})();



//5) What will be output:
(async () => {

var p=t=10;
console.log(p,t)//output will be p and t will be 10;
})()
console.log(t)//this will be 10 outside scope means global scope.Means t will be global variable but not p.
/*
There is also a downside in multiple assignment,
in that the secondary variables become globals,
and you don't want to leak into the global namespace.
*/


Comments

Popular posts from this blog

Globant part 1

 1)call,apply,bind example? Ans: a. call Method: The call method is used to call a function with a given this value and arguments provided individually. Javascript code: function greet(name) {   console.log(`Hello, ${name}! I am ${this.role}.`); } const person = {   role: 'developer' }; greet.call(person, 'Alice'); // Output: Hello, Alice! I am developer. In this example, call invokes the greet function with person as the this value and passes 'Alice' as an argument. b. apply Method: The apply method is similar to call, but it accepts arguments as an array. Javascript code: function introduce(language1, language2) {   console.log(`I can code in ${language1} and ${language2}. I am ${this.name}.`); } const coder = {   name: 'Bob' }; introduce.apply(coder, ['JavaScript', 'Python']); // Output: I can code in JavaScript and Python. I am Bob. Here, apply is used to invoke introduce with coder as this and an array ['JavaScript', 'Pyt...

Node.js: Extract text from image using Tesseract.

In this article, we will see how to extract text from images using Tesseract . So let's start with this use-case, Suppose you have 300 screenshot images in your mobile which has an email attribute that you need for some reason like growing your network or for email marketing. To get an email from all these images manually into CSV or excel will take a lot of time. So now we will check how to automate this thing. First, you need to install Tesseract OCR( An optical character recognition engine ) pre-built binary package for a particular OS. I have tested it for Windows 10. For Windows 10, you can install  it from here. For other OS you make check  this link. So once you install Tesseract from windows setup, you also need to set path variable probably, 'C:\Program Files\Tesseract-OCR' to access it from any location. Then you need to install textract library from npm. To read the path of these 300 images we can select all images and can rename it to som...

CSS INTERVIEW QUESTIONS SET 2

  You make also like this CSS interview question set 1. Let's begin with set 2, 5)What is the difference between opacity 0 vs display none vs visibility hidden? Property           | occupies space | consumes clicks | +--------------------+----------------+-----------------+ | opacity: 0         |        yes      |        yes       | +--------------------+----------------+-----------------+ | visibility: hidden |        yes       |        no        | +--------------------+----------------+-----------------+ | display: none      |        no       |        no        | When we say it consumes click, that means it also consumes other pointer-events like onmousedown,onmousemove, etc. In e...