DEV Community

Cover image for Abstractions: A Way of Thinking Programmatically
Koobimdi Ndekwu
Koobimdi Ndekwu

Posted on

Abstractions: A Way of Thinking Programmatically

"Why did the programmer refuse to get out of bed? They were caught up in too many layers of abstraction!"

In programming, just like in life, we often need to simplify complex things to make them more manageable. Imagine trying to explain the internet to someone who's never seen a computer—you wouldn’t start by talking about servers and protocols. Instead, you'd use an analogy, a story, or a simplified version to convey the idea. This is what abstraction is all about in programming: simplifying the complex.

Abstraction: The Recipe for Simplicity
Think of programming like cooking. When you follow a recipe, you don't think about the chemical reactions happening in the oven; you just follow the steps to make a delicious dish. Abstraction in programming is similar—it allows you to focus on what you're trying to achieve without worrying about the complex details under the hood.

What is Abstraction?
Abstraction is a way of managing complexity in programming. It involves creating a simplified model of a complex system, allowing you to focus on high-level operations rather than the intricate details. By abstracting certain parts of your code, you can work more efficiently, reuse code, and reduce the chance of errors.

The Sandwich Metaphor: Building Layers of Abstraction
Let’s dive into a practical example using a sandwich metaphor.
1. The Ingredients (Low-Level Details) At the most basic level, you have the ingredients: bread, lettuce, tomato, cheese, and turkey. These are like the raw data or low-level operations in programming. They’re essential, but dealing with them directly can be cumbersome.

Example:

let bread = "whole grain";
let lettuce = "romaine";
let tomato = "sliced";
let cheese = "cheddar";
let turkey = "smoked";

Enter fullscreen mode Exit fullscreen mode

2. The Sandwich (Higher-Level Abstraction) Instead of dealing with each ingredient individually, you create a sandwich. This is an abstraction that bundles the ingredients together into a single, more manageable entity.

Example:

function makeSandwich(bread, lettuce, tomato, cheese, turkey) {
    return `${bread} sandwich with ${lettuce}, ${tomato}, ${cheese}, and ${turkey}`;
}
let myLunch = makeSandwich("whole grain", "romaine", "sliced", "cheddar", "smoked");

Enter fullscreen mode Exit fullscreen mode

By abstracting the details into a makeSandwich function, you don’t have to worry about the individual ingredients each time you want to make lunch—you just call the function.

3. The Lunch Order (Even Higher Abstraction) Now, what if you want to order lunch at a deli? You don’t even need to think about the sandwich-making process; you simply place your order. This is a higher level of abstraction, where you interact with an even more simplified interface.

Example:

function orderLunch(type) {
    if (type === "sandwich") {
        return makeSandwich("whole grain", "romaine", "sliced", "cheddar", "smoked");
    }
    // Other lunch options could go here
}
let myOrder = orderLunch("sandwich");

Enter fullscreen mode Exit fullscreen mode

Practical Use-Case Scenario: Building a User Interface
Abstraction is vital when building complex systems, like user interfaces (UIs). Let’s say you’re building a UI for a social media app. Instead of writing code for each button, textbox, and image individually, you create abstract components that represent them.

function createButton(label) {
    return `<button>${label}</button>`;
}
function createUserProfile(name, bio) {
    return `
        <div>
            <h1>${name}</h1>
            <p>${bio}</p>
            ${createButton("Follow")}
        </div>
    `;
}
let profile = createUserProfile("Koobimdi", "Passionate about coding and storytelling.");
Enter fullscreen mode Exit fullscreen mode

Here, the createButton function abstracts the creation of a button, and the createUserProfile function abstracts the user profile. You’re not dealing with raw HTML tags each time—just higher-level abstractions.

Key Points to Take Note Of
Abstraction Simplifies Complexity: It allows you to work at a higher level of detail without worrying about the underlying complexities.
Layers of Abstraction: The more layers of abstraction you create, the more you can focus on what’s important at each level.
Reusability: Abstraction encourages reusability by allowing you to create generic functions or components that can be used in multiple contexts.
Efficiency: By abstracting repetitive tasks, you can write more efficient and maintainable code.

Conclusion
Abstraction is like a recipe that simplifies the process of cooking, allowing you to create complex dishes without getting bogged down in the details. In programming, it’s a powerful tool that helps you manage complexity, work more efficiently, and write cleaner code.

"Remember, when things get too complicated, it’s time to abstract your way out of it—just like how you’d order takeout when the kitchen gets too messy!"

Top comments (0)