Skip to main content

Javascript interview questions set 2



For set 1 please refer to the Javascript interview question set 1.
Let's begin with set 2,

3)What is the difference between Object.seal() and Object.freeze() in JavaScript?
Object.seal() method protects the deletion of an existing property
 but it can't protect the existing properties from outside changes.

 var object1 = {
      prop1: 1
  };

  Object.seal(object1);
  object1.prop1 = 2; // value got changed
  delete object1.prop1;
  console.log(object1)
  //It will show value of prop1=2. 
  We can't delete the property. It can just be modified.


In addition to the functionalities of Object.seal(),
The Object.freeze() method even won't allow minute changes to the existing properties of an object.

 var object1 = {
      prop1: 1
  };

 Object.freeze(object1);
 object1.prop1 = 2; 
 delete object1.prop1;
 console.log(object1)
 It will show the value of prop1=1. 
 We can't delete any property or modify any property.


4)What is negative infinity?
The negative infinity in JavaScript is a constant value which is used to represent a value which is the lowest available. 
This means that no other number is lesser than this value and also this might be the use case for using this.
NEGATIVE_INFINITY is a static property of the JavaScript Number object.
Syntax:
Number.NEGATIVE_INFINITY

5)What is hoisting?
Hoisting is JavaScript's default behavior of moving declarations to the top.
The JavaScript engine hoists the variables declared using the let keyword,
 but it doesn’t initialize them as the variables declared with the var keyword.
var variables are initialized with undefined, while let and const are not initialized only they are declared.
Function expressions and arrow functions aren’t hoisted.

Let's check the function hoisting in detail.
Like variables, the JavaScript engine also hoists the function declarations. 
It moves the function declarations to the top of the script. 
For example:

let x = 20,
    y = 10;

let result = add(x,y);
console.log(result);

function add(a, b){
return a + b;
}
In this example, we called the add() function before defining it. The above code is equivalent to the following:

function add(a, b){
    return a + b;
}

let x = 20,
    y = 10;

let result = add(x,y);
console.log(result);

Function expression:
The following example changes the add from a regular function to a function expression:

let x = 20,
    y = 10;

let result = add(x,y);
console.log(result);

var add = function(x, y) {
return x + y;
}
If you execute the code, the following error will occur:

"TypeError: add is not a function   

During the creation phase of the global execution context, the JavaScript Engine creates the add variable in the memory and initializes its value to undefined. When executing the following code, the add is undefined, hence, it isn’t a function:

let result = add(x,y);
The add variable is assigned to an anonymous function only during the execution phase of the global execution context.

I hope you like this article. Please stay connected for set 3.

You can also follow me on Twitter or Linkedin for the latest updates.

Written By:

Saurabh Joshi


Comments

Post a Comment

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...
Post a Comment
Read more

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...
1 comment
Read more

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...
Post a Comment
Read more