Skip to content

Searcharticlesvideosblogsforumsinterview questionsarticles

CSharp TV
Videos
Tech
Articles
Blogs
News
Forums
Books
Events

Article
Blog
Video
Ebook
Interview Question

Loading

Upcoming Events

23 NOV
AI Agents Conference 2026 - 3rd Edition

Latest Forum Questions

How is data analytics transforming modern businesses, and which tools like Python, SQL, and Power BI are most important for aspiring data analysts in 2027?
tejasri8h ago0
how can i save my gmail data as pdf for offline access?
Himanshu Sharma12h ago0
Performance Improvements and Optimization Features in the Latest Python Release
G.Devi21h ago1
How do cybersecurity teams analyze MBOX files?
Shubham Singh21h ago4
how do you delete an account
Guest User1d ago3

About Us Contact Us Privacy Policy Terms Brand Guidelines Partners C# Tutorials Consultants Ideas Report A Bug FAQs Sitemap Stories CSharp TV DB Talks Web3 Universe Jumpstart Blockchain

©2026 C# Corner.

All contents are copyright of their authors.

Voice of a Developer: JavaScript Chaining - Part Sixteen

Home
Technologies
JavaScript

Voice of a Developer: JavaScript Chaining - Part Sixteen

Guest User

6yPublished May 9, 2016, 12:00 AMUpdated May 25, 2020, 6:59 AM8.3k4

Reactions

JavaScript Learn JavaScriptJavaScript Chaining

4 Comments

Join the conversation! Your thoughts help the community grow.

Sign in to leave a comment

It is the same account you read, post and publish with — and you will come straight back to this page.

Sign in Create an account

Rajib Das Gupta10y ago
Nice one.
Vignesh Mani10y ago
Good one
Kuppurasu Nagaraj10y ago
Nice Sharing..
Debasis Saha10y ago
Good One..

Introduction

JavaScript is a language of the Web. This series of articles will talk about my observations learned during my decade of software development experience with JavaScript.

Before moving further let us look at the previous articles of the series:

Voice of a Developer: JavaScript Data Types - Part One
Voice of a Developer: JavaScript Objects - Part Two
Voice of a Developer: JavaScript Engines - Part Three
Voice of a Developer: JavaScript Common Mistakes - Part Four
Voice of a Developer: Editors - Part Five
Voice of a Developer: VSCode - Part Six
Voice of a Developer: Debugging Capabilities of VSCode - Part Seven
Voice of a Developer: JavaScript OOP - Part Eight
Voice of a Developer: JavaScript Useful Reserved Keywords - Part Nine
Voice of a Developer: JavaScript Functions - Part Te n
Voice of a Developer: JavaScript Functions Invocations - Part Eleven
Voice of a Developer: JavaScript Anonymous Functions - Part Twelve
Voice of a Developer: JavaScript Pure And Impure Function - Part Thirteen
Voice of a Developer: JavaScript Closures - Part Fourteen
Voice of a Developer: JavaScript Currying - Part Fifteen

Chaining

Chaining

This technique got / retrieved popularity from jQuery. We write series of statements one after the other like a chain,

ex

$("#h1").text("Change text").css("color", "red");
Another example of chaining
while working with strings: var s = "hello";
s.substring(0, 4).replace('h', 'H'); //Hell

The Chaining Method is also known as Cascading because it repeatedly calls one method on an object forming a chain/continuous line of code.

Chaining methods

Ques: What is returned if there is no return statement in the method?

Ans: undefined

Ques: How is chaining implemented?

Ans: When a method returns this; the entire object is returned & it is passed to next method and it is called chaining. Example,

var games = function() {
this.name = '';
}
games.prototype.getName = function() {
this.name = 'Age of Empire';
return this;
}
games.prototype.setName = function(n) {
this.name = n;
}
//now execute it
var g = new games();
g.getName().setName('Angry Birds');
console.log(g.name);

We’ve created a getName method which returns this and implemented chaining.

Advantages

Code is more maintainable, simple, lean
It is easy to read chaining code

Simplify code after chaining

Use case: Let the examine the traditional way to program things. We have a problem to sort string below:

Approach 1

var vehicles = "Bike|Car|Jeep|Bicycle";
vehicles = vehicles.split("|");
vehicles = vehicles.sort();
vehicles = vehicles.join(",");
console.log(vehicles);

Output

Bicycle, Bike, Car, Jeep

Approach 2

var vehicles = "Bike|Car|Jeep|Bicycle";
vehicles = vehicles.split('|').sort().join(',');
console.log(vehicles);

Output

Bicycle, Bike, Car, Jeep

Please share your feedback/comments.