Skip to main content

Globant part 3

 1)ES6 features:

ES6 (ECMAScript 2015) introduced many new features and syntax improvements to JavaScript. Here are some notable ES6 features along with examples:


1. Arrow Functions:

Arrow functions provide a more concise syntax for writing anonymous functions.


javascript

Copy code

// ES5

function add(a, b) {

  return a + b;

}


// ES6

const add = (a, b) => a + b;

2. Template Literals:

Template literals allow embedding expressions inside strings using backticks (`).


javascript

Copy code

// ES5

var message = "Hello, " + name + "!";


// ES6

let message = `Hello, ${name}!`;

3. Destructuring Assignment:

Destructuring allows extracting values from objects or arrays and assigning them to variables.


javascript

Copy code

// ES5

var person = { name: 'John', age: 30 };

var name = person.name;

var age = person.age;


// ES6

const { name, age } = { name: 'John', age: 30 };

4. Spread Syntax:

The spread syntax (...) allows expanding iterable objects (e.g., arrays) into individual elements.


javascript

Copy code

// ES5

var arr1 = [1, 2, 3];

var arr2 = [4, 5, 6];

var combined = arr1.concat(arr2);


// ES6

let arr1 = [1, 2, 3];

let arr2 = [4, 5, 6];

let combined = [...arr1, ...arr2];

5. Default Parameters:

Default parameters allow specifying default values for function parameters.


javascript

Copy code

// ES5

function greet(name) {

  name = name || 'Guest';

  console.log('Hello, ' + name + '!');

}


// ES6

const greet = (name = 'Guest') => {

  console.log(`Hello, ${name}!`);

};

6. Classes:

ES6 introduced a more convenient syntax for defining classes in JavaScript.


javascript

Copy code

// ES5

function Person(name, age) {

  this.name = name;

  this.age = age;

}


Person.prototype.greet = function() {

  console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);

};


// ES6

class Person {

  constructor(name, age) {

    this.name = name;

    this.age = age;

  }


  greet() {

    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);

  }

}

These are just a few examples of ES6 features. ES6 introduced many more enhancements such as let and const for variable declarations, for...of loops, Promises, and more, which have become standard in modern JavaScript development.


One of the most powerful features introduced in ECMAScript 2015 (ES6) is Promises. Promises provide an elegant and robust solution for managing asynchronous operations, simplifying complex callback structures, and improving code readability.27 Jun 2023



2)Output:

setTimeout(() => {

    console.log("Inside setTimeout callback");

}, 0);


const myPromise = new Promise((resolve, reject) => {

    resolve("Resolved");

});


process.nextTick(() => {

    console.log("Inside process.nextTick callback");

});


myPromise.then((result) => {

    console.log("Promise resolved with:", result);

}).catch((error) => {

    console.error("Promise rejected with:", error);

}).finally(() => {

    console.log("finally");

});

Inside process.nextTick callback
Promise resolved with: Resolved
finally
Inside setTimeout callback
  • process.nextTick() callbacks are executed before any other I/O events or timers, so "Inside process.nextTick callback" is logged first.
  • Promise.then() and Promise.catch() handlers are executed asynchronously after the current execution context is empty. Since the Promise resolves immediately, the .then() handler is invoked next, logging "Promise resolved with: Resolved".
  • The finally() block is executed after the Promise settles, logging "finally".
  • setTimeout() callbacks are executed after a minimum of the specified delay (in this case, 0 milliseconds), but after the current execution context is empty. Therefore, "Inside setTimeout callback" is logged last.




Comments

Post a Comment

Popular posts from this blog

Coding Interview Questions Set 1

From this article, I will be sharing with you all a series of articles on coding interview questions. So please stay connected for the latest set of questions. It will be a good brainstorming exercise and will also prepare you for coding interviews and will definitely boost your confidence. So let's start, 1)Reverse of a string with only O(1) extra memory. Solution: var reverse = function(string) {     let result = ''     for(let i= string.length -1; i >= 0; i--){         result += string[i];     }     return result; }; 2)Fizz Buzz: Write a program that will accept a number n and will output number till n but for multiples of three it should output “Fizz” instead of the number and for the multiples of five output “Buzz”. For numbers which are multiples of both three and five output “FizzBuzz”. Solution: var fizzBuzz= function(n) {     const arr=[]     for(i=1; i<=n; i++){ ...
9 comments
Read more

JavaScript: Debouncing | Flipkart UI Interview Question.

To understand this programming practice will go with a quick example. We all do online shopping and we do search for products on Flipkart on the search bar. So when we type on search bar i.e on every keypress we are actually giving API requests to the server, which in response gives us suggestions. Actually, it's a time-consuming task and may degrade the performance of the webpage. So to improve the performance we use debounce function which actually acts as a controller which reduces the API request to the server on keypress event. In simple terms, we are giving API request only after a certain amount of time between two keypress events. A debounce is a higher-order function. Higher-order function: A function that returns another function. Let's dive deep: HTML Code: <input type="text" onkeyup="searchProducts()"/> Consider this as a search bar for Flipkart. On any keypress, we are calling searchProducts() function. Javascri...
Post a Comment
Read more

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