Services
Technology Web App Development Mobile App Development Windows App Development Database Development UI/UX Development Cloud Development SEO Digital Marketing Guest Posting Content Writing Artificial Intelligence Data Science ERP Development CRM Development CMS Development LMS Development Business Listing Blockchain Technology Startup Promotion
Products
Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller
Developer
Article Blog Forum Interview Beginner News Startup Quiz
Users
Career
Apply Job Internship
Pricing
Login Sign Up Get a Quote

forum

home / developersection / forums / explain the concept of method chaining in javascript and provide an example.
Ask Question

Explain the concept of method chaining in JavaScript and provide an example.

Utpal Vishwas 511 08 Oct 2023

Explain the concept of method chaining in JavaScript and provide an example.

javascript javascriptoops
Updated 09 Oct 2023
Utpal Vishwas
Utpal Vishwas

Student

I am Utpal Vishwas from Uttar Pradesh. Have completed my B. Tech. course from MNNIT campus Prayagraj in 2022. I have good knowledge of computer networking.

Message

1 Answers

Aryan Kumar
Aryan Kumar 09 Oct 2023
Report Abuse

Method chaining is a coding technique in JavaScript that allows you to call multiple methods on an object in a single continuous sequence. Each method in the chain returns the object itself, which enables you to call another method on the returned object. This results in a more concise and readable code structure.

Here's an example to illustrate method chaining in JavaScript:

class Calculator {
  constructor(value = 0) {
    this.value = value;
  }

  add(num) {
    this.value += num;
    return this; // Return the object for chaining
  }

  subtract(num) {
    this.value -= num;
    return this; // Return the object for chaining
  }

  multiply(num) {
    this.value *= num;
    return this; // Return the object for chaining
  }

  divide(num) {
    if (num !== 0) {
      this.value /= num;
    } else {
      console.log("Error: Division by zero.");
    }
    return this; // Return the object for chaining
  }

  getValue() {
    return this.value;
  }
}

// Using method chaining to perform multiple operations
const result = new Calculator(10)
  .add(5)
  .subtract(3)
  .multiply(2)
  .divide(4)
  .getValue();

console.log(result); // Outputs: 5

In this example:

  • We have a Calculator class with methods for basic arithmetic operations: add, subtract, multiply, and divide.
  • Each method returns this, which refers to the current Calculator object, allowing us to chain methods together.
  • We create a Calculator object with an initial value of 10 and then perform a series of operations using method chaining.
  • The final result is obtained using the getValue method.

Method chaining makes the code more concise and readable because it allows you to perform a sequence of operations on an object without repeatedly referencing the object itself. This technique is commonly used in JavaScript libraries and frameworks to create expressive and fluent APIs, making it easier to work with complex objects and functions.

MindStick Training