The Object.defineProperty() method adds or modifies a property in an object. We can use this method to provide extra configuration details about the object’s properties and control their behavior. The syntax is: Object.defineProperty(object, prop, descriptor); object – Any object on which we want to define the property. prop – The…

Exploring the ‘get’ and ‘set’ keywords in detail. — The getters and setters are helpful to access object properties and manipulate them in an encapsulated way. Let’s explore these methods in detail. Getter The get keyword is used to create a getter function that will return a computed value. …

Vibrations are the best way to provide physical feedback to users for any action mostly for mobile users. For example, while showing a warning message or alert, while receiving a message or notification etc. The Vibration API allows web apps to access the vibration hardware of the device (if exists)…

The async and await keywords help us in handling Promises more conveniently and it is more readable than regular promise handling using then() and catch(). Let’s see how we consume Promises using .then() and .catch(). let flag = true; let promise = new Promise((resolve, reject) => {…

A Promise in JavaScript is an object which returns a result after an asynchronous operation has finished. The result of a promise can either be a success or a failure. The Promise has 3 states. Pending — The Promise has no result yet. Fulfilled — The Promise has resolved. Rejected…

A callback is a function that is passed into another function as an argument which can be invoked later inside the function. Synchronous callbacks Synchronous means the code statements execute immediately after one another in a sequential manner. function print(number, result) { console.log(`${number} is ${result}`); } function checkEvenOrOdd(number, callback) { const…

When we have an array of data we often required to loop through all the array elements and perform some action using the array elements. We can do this using for loop, but JavaScript array forEach() method is the new way to do it. How forEach() method works The JavaScript array forEach() method iterates…

Style Binding To add a single style dynamically from any element we can make use of style binding. Syntax is: [style.style_property] = "expression" The value of the expression is normally a string. <div [style.color]="hasError ? 'red' : 'black'"> ... </div> <div [style.background-color]="'yellow'"> ... </div> With style binding we can set only a…

The setTimeout() method The setTimeout() method calls a function after a specified time provided in milliseconds. This method takes a function as a first argument and time in milliseconds as the second argument. You can write your logic inside the function body which will execute after the time you have specified. For example…