Found 8591 Articles for Front End Technology

Explain the differences in the usage of foo between function foo() {} and var foo = function() {}

Shubham Vora
Updated on 05-Jan-2023 16:03:33

1K+ Views

In JavaScript, we have different ways to define the functions. The function foo() {} and var foo = function() { } is two different ways to define the function. Both ways have their benefits and different use cases; however, both give the same result when executing the function. So, this tutorial will teach us the difference between both ways to define a function. Explanation of the function foo() { }: function declaration The function foo() { } is the normal way to declare the function in JavaScript, which every beginner and developer uses. Also, we can call it a named ... Read More

Explain the benefits of spread syntax & how it is different from rest syntax in ES6?

Shubham Vora
Updated on 05-Jan-2023 16:01:07

262 Views

In the ES6 version of JavaScript, spread syntax is introduced as a very powerful feature. We can use the spread syntax to expand the array or objects into the variable of the same data type. For example, before the spread syntax was introduced in the ES6, developers were using the for loop to copy all elements of one array to another array. Can you copy all elements of one array to another by writing one linear code using the spread syntax rather than writing the 5 to 7 lines of code using the for loop? Yes, you heard right! ... Read More

Explain Storage Object in HTML

Shubham Vora
Updated on 05-Jan-2023 15:47:25

319 Views

As the web storage word represents, it stores the data inside the user’s browser locally. Before HTML 5, developers were using cookies to store data locally, but the cookies allow for storing a limited amount of data, such as in kilobytes. The local storage allows users to store up to 5 MB of data. Developers use the cookies to store the data in the browser and exchange it between the client and server. When we store the data in the cookies, it expires after a particular time. However, we can set the data's expiry, but it still expires after ... Read More

Explain the Scope and Scope Chain in JavaScript

Shubham Vora
Updated on 05-Jan-2023 15:42:24

2K+ Views

In JavaScript, the scope defines how and in which part of our code we can access the variables and functions. In simple terms, the scope helps us improve our code's security and readability. So, we can access the variables and functions only inside its scope but not outside. We will discuss multiple types of scopes in this tutorial. Global Scope in JavaScript The variables and functions defined globally mean outside all blocks and functions with global scope. We can access all variables and functions with the global scope anywhere inside our code. Syntax Users can follow the syntax below ... Read More

Explain JSON in AJAX?

Rushi Javiya
Updated on 29-Dec-2022 15:35:26

5K+ Views

JSON, or JavaScript Object Notation, is a simple format for exchanging data. It is a human−readable and machine−understandable format. It is based on a portion of Standard ECMA−262, Third Edition, December 1999's JavaScript Programming Language. Despite using conventions recognizable to programmers of the C family of languages (C, C++, Java, JavaScript, Perl, Python, and many others), JSON is a text format fully independent of the programming language. JSON is the best language for exchanging data due to its characteristics and simplicity. AJAX is a method of web development used to build interactive web applications. Web pages can request data from ... Read More

Explain RegExp in ES6?

Rushi Javiya
Updated on 29-Dec-2022 15:33:42

182 Views

The ES6 is the latest JavaScript version which was introduced in 2015. We will learn about all the features of RegExp means regular expression, which Es6 contains. What is the Regular Expression and Usage of it The regular expression is a string representing the particular search pattern containing the different characters, such as numeric, alphabetic, and special characters. Let’s understand the real−time usage of regular expression. We hope you all have filled out any form in the past and seen particular form field validation errors. For example, if you don’t enter the email with the ‘@’ character or enter a ... Read More

Explain Promise.allSettled() with async-await in JavaScript?

Rushi Javiya
Updated on 29-Dec-2022 15:24:03

8K+ Views

Promise.allSettled() is a method that takes an iterable of promises as an argument and returns a promise that is fulfilled when all of the promises in the iterable have been settled, meaning that they have either been fulfilled or rejected. When the returned promise is fulfilled, it is resolved with an array of objects containing information about the fulfilled or rejected promises. Each object has a status property, either fulfilled or rejected, and a value or reason property, respectively. For example, if you have an array of promises that represent network requests and want to know each request's status (whether ... Read More

Explain Promise.all with async-await in JavaScript?

Rushi Javiya
Updated on 29-Dec-2022 15:22:01

6K+ Views

Simple operations like adding two numbers or string manipulation codes execute sequentially in JavaScript and return the results instantly. But while coding for real−world applications, we frequently make time−taking calls to databases, APIs, and other applications. These longer calls don’t return the results instantly; they will rather return a promise. A promise is an object to represent the future results of an asynchronous operation. It is used to handle asynchronous processes' eventual success or failure. For instance, if you request some object from an API in JavaScript, you will be given a promise that the task will eventually be complete ... Read More

Explain Promise.race() with async-await in JavaScript?

Rushi Javiya
Updated on 29-Dec-2022 15:19:30

1K+ Views

We will learn about the Promise.race() method in this tutorial. As the name of the race() method suggests, promises passed as a parameter of the race() method do the race to execute. So, Whichever promise will be resolved first, will be executed only by the race() method, and other promises will never be executed. Promise.race() The Promise.race method in JavaScript allows you to wait for the first of a set of promises to be fulfilled or rejected, and to handle the result or error that occurs. It returns a promise that is fulfilled or rejected as soon as one of ... Read More

Explain Promise.any() with async-await in JavaScript?

Rushi Javiya
Updated on 29-Dec-2022 15:17:09

899 Views

We will learn about any() method of the promise in this tutorial. In JavaScript, we can use the promises to handle the asynchronous request. Writing the asynchronous code in our application to fetch the data makes it faster as it executes the other code without waiting for the data. Promise.any() Method As the name of any() method suggests, it will execute any promise fulfilled. So, whichever promise will resolve first, will be executed by the promise.any() method and others may or may not be executed. Also, all rejected promises were never executed by the promise.any() method. SyntaxUsers can follow the ... Read More

Advertisements