JAVASCRIPT Tutorial

Code Formatting Best Practices

Code formatting enhances readability and maintainability of code. Follow these practical steps to format your code effectively:

Consistent Indentation:

  • Use consistent indentation to create a hierarchical structure.
  • Use 2 or 4 spaces (avoid tabs) for each indentation level.
  • Align opening and closing curly braces vertically.

Proper Spacing:

  • Leave a space after commas, semicolons, and assignment operators (=).
  • Put spaces around logical operators (&&, ||, etc.).

Line Breaks:

  • Insert line breaks to improve readability.
  • Break long lines after operators to enhance comprehension.
  • Avoid unnecessary line breaks that disrupt the flow of the code.

Example in JavaScript:

// Function to calculate sum of two numbers
const sum = (a, b) => {
  // Check if either number is null or undefined
  if (a == null || b == null) {
    throw new Error('Input cannot be null or undefined');
  }

  // Return the sum of the two numbers
  return a + b;
};

Benefits of Code Formatting:

  • Improved readability: Easier to understand and follow code logic.
  • Increased maintainability: Simplifies code changes and debugging.
  • Enhanced collaboration: Makes it easier to collaborate with others on code projects.