What is function chaining in JavaScript

Function chaining in javascript

Function chaining is also called cascading.

Method chaining is a technique that can be used to simplify code in scenarios that involve calling multiple functions on the same object consecutively.

Without function chaining Jquery Example

 $('#myDive').removeClass('display-none'); 
#('#myDive').addClass('display-block'); 

With function chaining Jquery Example

  $('#myDiv').removeClass('display-none').addClass('display-block'); 

User Details example without function chaining

 var User = function (){ 
this.name = 'xyz'; 
this.age = 30; 
this.gender = 'male'; 
};  

User.prototype.setName = function(name) {   
this.name = name; 
};  

User.prototype.setAge = function(age) {   
this.age = age; 
};  

User.prototype.setGender = function(gender) {   
this.gender = gender; 
};  

User.prototype.print = function() {   
console.log('My Name is '+ this.name + '. I am a '+ this.gender +'. My age is ' +this.age); 
}  

var obj = new User();  
obj.setName('Anil Kapoor'); 
obj.setAge(27); 
obj.setGender('male');  
obj.print(); 

Implementing Function Chaining

 var User = function (){ 
this.name = 'xyz'; 
this.age = 30; 
this.gender = 'male'; 
};  

User.prototype.setName = function(name) {   
this.name = name;   
return this; 
};  

User.prototype.setAge = function(age) {   
this.age = age;   
return this; 
};  

User.prototype.setGender = function(gender) {   
this.gender = gender;   
return this; 
};  

User.prototype.print = function() {   
console.log('My Name is '+ this.name + '. I am a '+ this.gender +'. My age is ' +this.age); 
}  

var obj = new User();  
obj.setName('Anil Kapoor').setAge(27).setGender('male').print(); 

How is host application deployment different from container application dep …

Host application deployment and container application deployment differ significantly in their approaches and characteristics: container application deployment offers several advantages over traditional host-based deployment, including improved isola …

read more

How To Handle CPU-Bound Tasks with Web Workers

Handling CPU-bound tasks with Web Workers in JavaScript allows you to offload heavy computations from the main thread, preventing it from becoming unresponsive. Here's a step-by-step guide on how to do this: Handling CPU-bound tasks with Web Workers …

read more