Syntactic Sugar — Not Always a Sweet Life for Developers

Syntactic sugar is a language syntax element that simplifies how code is written — making it more readable or concise — without adding new capabilities. Simply put: it's a "sweeter" way to write something you could already do without it. But here's the thing: syntactic sugar doesn't make the language more powerful — it makes the developer more efficient. Because code that's easy to read is code people actually want to maintain.

The origin of the term

The term "syntactic sugar" was coined by Peter J. Landin in 1964. He compared convenient new forms of notation in programming languages to "sugar" — something that sweetens, but doesn't change the essence of the dish.

"Syntactic sugar is a form of syntax that makes things nicer for humans, but adds no new capabilities for the machine."

Examples in JavaScript

1. Classes

class User {
  constructor(name) {
    this.name = name;
  }
}

This is syntactic sugar over:

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

Under the hood, a class is just a constructor function.

2. Arrow functions

const sum = (a, b) => a + b;

Equivalent to:

function sum(a, b) {
  return a + b;
}

3. Destructuring

const { name, age } = user;

Which is just a shorthand for:

const name = user.name;
const age = user.age;

4. Optional chaining

const city = user?.address?.city;

Instead of:

const city = user && user.address && user.address.city;

How to recognize syntactic sugar

A feature is syntactic sugar if it:

adds no new functionality — everything can be done without it
expands into existing constructs at compile time or runtime
improves readability, not the language's capabilities
can be removed without changing the program's behavior

Conclusion

Syntactic sugar was invented to make writing code more pleasant for humans. It doesn't change the language's capabilities, always has an equivalent "unsweetened" form, but makes code cleaner, shorter, and closer to human thinking. The processor still sees the same "calories" — the result after compilation is identical. 🍬