Skip to main content

2 JavaScript Interview Questions that you must know.





In this article, we will see in detail a couple of interview questions in Javascript.

1)What is a deep copy and Shallow copy?

Shallow copy: In shallow copy, all the top-level primitives get a copy excluding objects which are still connected to the original value.
Note: If the array is of strings or number it gets copied but in case of an array of objects it is still connected to the original value.

Primitive data types include the following:
Number — e.g. 1
String — e.g. 'Hello'
Boolean — e.g. true
undefined
null

Example:
var tshirt={
    size:170,
    sizeInLocal:'L',
    sizeAvailable:{
    'm':"Available" 
    }
}
Lets make a copy a shallow copy of tshirt object:

var tshirt1=Object.assign({}, tshirt)
tshirt1.sizeAvailable.m="NotAvailable"//Here tshirt.sizeAvailable.m will also become NotAvailable .
tshirt1.size=150;//Only value of tshirt1.size is changed and not tshirt.size as size is of primitive type.  


Deep Copy: In this case primitives as well as objects get copied. There is no connection with the original value. So if you change any value of the object it will not reflect to the original object.

Example:
Lets make a deep copy of this tshirt object:
var tshirt1=JSON.parse(JSON.stringfy(tshirt));

Note: You can use your own implementation for deep copy if object contains functions, getter and setter as for such objects this method is not recommended. 

tshirt1.sizeAvailable.m="NotAvailable"//Here tshirt.sizeAvailable.m will not change.

Hope you got the difference. 
I would recommend you to try this example by logging the object on the console.


2)What is Proxy in JavaScript?
The proxy feature introduced in ECMAScript2015. 
With Proxy, we can find a loyal housekeeper for the object and help us enhance the original functions of the object.
At the most basic level, the syntax for using Proxy looks something like this:
// This is a normal object
let obj = {a: 1, b:2}
// Configure obj with a housekeeper using Proxy
let objProxy = new Proxy(obj, handler)

In the handler, we can list the actions we want to proxy. 

Example:
let person1 = {
  name: 'Jon',
  age: 23
}

By default, however, JavaScript does not provide a security mechanism, 
and you can change this value at will.

person1.age = 9999

person1.age = 'hello world'

In order to make our code more secure, we can wrap our object with Proxy. 
We can intercept the object’s set operation and verify whether the new value of the age field conforms to the rules.

let ageValidate = {
  set (item, property, value) {
    if (property === 'age') {
      if (!Number.isInteger(value) || value < 0 || value > 150) {
        throw new TypeError('age should be an integer between 0 and 150');
      }
    }
    item[property] = value
  }
}
let person= new Proxy(person1,ageValidate)
Now if we try to set 
person.age="23"//Will get an error "age should be an integer between 0 and 150"

Note: Please check the documentation for complete handlers available.



Comments

  1. Good content !! a very subtle way to intercept get, set and delete operations.
    definitely going to use this :)

    ReplyDelete
  2. Pretty good. But I hate most of the questions asked at interviews cause I already have done this before, but it does not mean I know how to explain.

    ReplyDelete
  3. Most of us hate it. Manytimes we know the solution but can't explain

    ReplyDelete

Post a Comment

Popular posts from this blog

Node JS:Understanding bin in package.json.

Well as a Node Js developer we know package.json as dependency file where we keep a note of all dependencies of our project. Here we will be looking at what is bin in package.json? To understand this we first need to understand command line application and it's purpose. CLI applications are mostly used to automate things such as deployments of application,running tests,building reports and the list goes on and on. So lets start with creating our first CLI application. First, let’s make sure you have the tools required. To complete this tutorial, you will need the following: 1)A recent version of Node.js downloaded and installed 2)A good text editor, such as Visual Studio Code Next, open your computer’s command prompt (Windows) or terminal (macOS/Linux). Change the current directory to the folder where you save your documents or projects. Enter the following commands to create a new project folder and initialize the project. mkdir hello-cli cd hello-cli npm init Nex

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

Node.js: Bundling your Node.js application to single executable for Windows.

In this article, we will see how to bundle Node.js application to a single executable for Windows. What's the need? Well recently, I had taken a work where I needed to convert pdf's(Of similar format) to excel sheet. So I was reading the pdf's from a folder in desktop and I was storing the output excel sheet into a separate folder on the desktop. I used Node.js for the program. Now the client wanted it to install the program on 25 windows machine and his budget was really low. So it was also not possible for me to install node.js for 25 machines and then install the required dependency for each one. One of the solution: While I was searching for an easy solution I found this amazing npm module pkg . This module can make your node.js app work like plug and play type. No need to install Node.js on the client machine or any other dependency.  It helps to make a commercial or trial version of your node.js application without exposing the source code. I found