Monthly Archives: July 2020

Change Detection in Angular

Change Detection is the backbone of the Angular framework, and each component has its own change detector. This article explains change detection strategies and optimizations to help you write highly performant Angular applications. Angular can detect when data changes in the component, and can re-render the view to display the updated data. Angular makes sureContinueContinue reading “Change Detection in Angular”

Link Constructors prototypes to create Inheritance in JavaScript

In JavaScript, there are multiple ways to create an object. However, among all the most popular is using a function as a constructor.   A function returns a newly created object if it is called using the new, which is also known as Constructor Invocation Pattern. You can create a function constructor like any otherContinueContinue reading “Link Constructors prototypes to create Inheritance in JavaScript”

How Object.entries work internally in JavaScript

In JavaScript, the Object.entries method returns an array of object’s own enumerable properties. It returns properties as a [key, value] pair, where the key is a string. You can read enumerable properties as an array of key-value pairs using the Object.entries method as shown below, let Product = {     Title: ‘Book’,     Price: 120,     Author: undefined,     inStock: true } console.log(Object.entries(Product)); Since it returnsContinueContinue reading “How Object.entries work internally in JavaScript”

Working with objects in a JavaScript Arrow Function

The JavaScript Arrow function is a shorter way of writing a function expression. Let us say you have a function expression as below, var add = function (num1, num2) {     return num1 + num2; } The above function can refactor for a shorter syntax using the arrow function as below, var add = (num1, num2) => num1 + num2;  So, as you see, the arrow function provides a convenient and short syntaxContinueContinue reading “Working with objects in a JavaScript Arrow Function”

Why use new.target inside a function in JavaScript – Simplified

There are four invocation patterns in JavaScript, which means you can call a function in four possible ways. They are, Function Invocation PatternConstructor Invocation PatternMethod Invocation PatternIndirect Invocation Pattern Essentially, these four-invocation patterns determine the value of ‘this’ object inside a function.  Let us consider the function created below, function add(num1, num2) {     console.log(this); // global object  } let a = add(8, 9);  In theContinueContinue reading “Why use new.target inside a function in JavaScript – Simplified”

Got Microsoft Most Valuable Professional Award 11th times

I am very humbled, happy, and excited to share that I have received the prestigious Microsoft Most Valuable Professional Award for the year 2020. This is my 11th MVP award in a row. I thank each one of you for reading my articles, attending my webinars, watching my videos, and participating in ng-India. These awardsContinueContinue reading “Got Microsoft Most Valuable Professional Award 11th times”

How to use for…of loop with an Object in JavaScript

In my last post, I discussed Always Use the for…of loop to iterate in JavaScript. After this post, I got a question that, is it possible to use for…of loop with an object? Means, can you use the for…of loop to iterates properties of an object.  Let us try this, let Product = {     Id: 1,     Title: 'Pen',     Price: 1000,     sendDetail: () => { }ContinueContinue reading “How to use for…of loop with an Object in JavaScript”