Abbbas Roholamin
Static keyword in JavaScript classes

Static keyword in JavaScript classes

Abbas Roholamin's photo
Abbas Roholamin
·

2 min read

In JavaScript, the static keyword is used within classes to define static methods and properties. These static members can be accessed directly from the class itself, rather than through instances of the class. This is particularly useful for utility functions or properties that should be shared across all instances.

Explanation

  • Static Methods: These are methods that belong to the class itself, not to any specific instance. They are often used for helper functions or utility operations that don't require access to instance-specific data.

  • Static Properties: These are variables that belong to the class rather than any instance. They can be used to store shared configuration or cached data.

Code Example

Here’s a simple example illustrating both static methods and properties:

javascriptclass MathUtils {  
  // Static property to hold the value of Pi  
  static PI = 3.14159;  

  // Static method to calculate the area of a circle  
  static calculateArea(radius) {  
    return this.PI * radius * radius;  
  }  
}  

// Accessing the static property  
console.log(MathUtils.PI); // Output: 3.14159  

// Calling the static method  
const radius = 5;  
const area = MathUtils.calculateArea(radius);  
console.log(`The area of a circle with radius ${radius} is: ${area}`); // Output: The area of a circle with radius 5 is: 78.53975

Breakdown of the Example

  1. Static Property:

    • static PI = 3.14159;: This defines a static property PI that can be accessed directly from the MathUtils class without creating an instance.

  2. Static Method:

    • static calculateArea(radius): This defines a static method that takes radius as an argument and calculates the area of a circle using the static property PI.

    • You can call this method directly on the MathUtils class, as shown.

Summary

Using static methods and properties helps you manage shared data and provides utility functions without requiring instance creation. This is especially beneficial for functions or data that are common to all instances of a class. Would you like to see more examples or a different concept?

JavaScriptdesign patternsclass