DEV Community

Example: Imperative vs. Functional

miku86 on November 09, 2019

Lately, I got a lot of questions about functional programming. So here's a small example about the different approaches. // list of my friends ...
Collapse
 
nicholasnbg profile image
Nick Gray

And importantly (in my opinion), the functional approach practices immutability and has no side effects.

A further explanation:
The methods used in the functional approach (filter and map) all return us a new array, as opposed to editing a single array in place.

The side effect in the imperative approach is in the for loop, where we push values to an array outside the scope of the for loop block. This means the function is not pure, and breaks the rule of referential transparency.
You can google that term (or read any intro to fp blog article), but essentially this makes our code harder to reason about.

Collapse
 
gypsydave5 profile image
David Wickes

This means the function is not pure

What function? I see no function at all in the imperative code. The imperative code is neither pure nor impure.

Collapse
 
nicholasnbg profile image
Nick Gray

You can look at the block between curly brackets of the for loop as a function that is run for each iteration of the for statement.

No matter the particular semantics, the side effect point still stands

Thread Thread
 
gypsydave5 profile image
David Wickes • Edited

But it's still not a function. And the semantics matter here - functional programming is, at root, a paradigm for programming with functions. You can't just say that if it were a function it would have side effects; if my granny had wheels she'd be a skateboard.

We could - we should - really encapsulate both solutions in their own functions. To do so is trivial yet would be revealing: the imperative code, to the consumer of the function, is indistinguishable from the functional code.

What I'm driving at here is that your points about purity, referential transparency and dude effects are irrelevant; they are not the real difference between the two implementations.

I'd perhaps consider whether one 'reads' better than the other, at least as a starting point.

Thread Thread
 
impguard profile image
Kevin Wu

The point isn't about whether it's literally a function or not.

The point is, the loop breaks referential transparency, which means that you have opened up the possibility for a class of errors that misuse it.

This example is trite, but if this were a bigger codebase and a larger loop, you can imagine the potential errors I've allowed to be introduced when someone mutates something in that loop inappropriately.

One of the ideas of any style of programming is what class of errors you allow. Static typing reduce a class of errors that dynamic typing allows. Each reduction typically comes with a cost, whether it be in boilerplate or mental know-how. In this example, one can argue that reducing the class of errors that functional impurity allows is worth the cost of learning HOF and expression based programming, especially since it gets you a lot of free things like expression based testing and debugging, easier maintenance, less risky of bugs, etc.

You don't have to agree that the trade-off is worth it, but the point is much more than just "it doesn't literally use the function keyword, so the points don't matter".

Thread Thread
 
nicholasnbg profile image
Nick Gray • Edited

As Kevin mentions above me, this example is contrived so doesn't show the full extent of how, imperative, effectful, mutable code opens you up to a whole range of errors that can be super tricky to debug.

I still believe the for loop is an example of side effects regardless of if is strictly a function itself. If you draw a circle around the block inside the curly braces, you can clearly see that it has to reach outside that circle to mutate an array, it is changing the world around it.

And yes, if you encapsulate both versions in their own function, to their consumers they do the same thing. Even more reason for FP approach IMO, if you knew functions were written in a immutable side effect free fashion,you wouldn't have to look at the implementation (especially if static types are present) to double check it's not wiping your hard drive or sending your data to some foreign API.
(Exaggerated but the point stands)

Collapse
 
macsikora profile image
Pragmatic Maciej • Edited

Point you mention are arbitrally subjective and many will argue. FP has just different principles, expressions over statements, values over variables. If something is readable or not depends more from familiarity. And this kinda argument is brought more by against FP devs who's say that loops are more readable then HOF. That is why I don't like such kind of arguments against both sides.

Collapse
 
aminmansuri profile image
hidden_dude

There's a bit of a terminology issue here with the word "imperative". There's a lot of inconsistency associated with this term. Check out this Wikipedia article:

en.wikipedia.org/wiki/Imperative_p...

I think what you're trying to express is the contrast between PROCEDURAL and functional.

Imperative programing has to do with viewing the computer as a Von Neumann model, where coding is based on mutating memory addresses. In that sense, Functional can be considered as distinct because, rather than mutating memory, in a pure functional language (like OCaml) you never change memory, but rather you create a new value based on another.

But in another sense, many "functional" languages are still very much imperative, because coding is about running a sequence of statements in order, and memory mutation is still allowed.

I think what you're comparing here is a structured programming / procedural approach vs a functional one. In the former you continuously mutate the same memory addresses, and in the second you use a more "pure" transformational approach without secondary effects (that presumably has advantages, especially in the face of concurrency and mathematical purity).

I rather think of the term "imperative" as opposed to "declarative". Declarative languages like SQL, Prolog, and Haskell don't necessarily execute "in order" or in a fixed way. In fact, we're encouraged to not even think about how its implemented.

In an imperative language such as Javascript or Java or Lisp or Clojure, the steps the system will take are obvious an transparent to the programmer (for better or for worse). But in a declarative language like SQL we state the problem and let the solver come up with the solution. The solution may be computed in any number of different ways.

So, I believe that a more consistent nomenclature is:

Imperative vs Declarative

Procedural vs OO vs Functional

Different dimensions discussing different things. But as I said, these terms are used a bit inconsistently.

Collapse
 
aminmansuri profile image
hidden_dude • Edited

In a practical sense, Functional programming "names your loops".. For example:


new_list = []
for elem in old_list :
.....new_list.append(xfer(elem))

In FP we call this MAPCAR, MAP or COLLECT.

REDUCE is a generalization of sums. REMOVE-IF-NOT, FILTER or SELECT is a generalization of filtering loops.

By thinking at a higher level of operations code is supposed to look more self-explanatory, and programmers are encouraged to think more globally. This is particularly useful for solving complex graph problems basing yourself on DFS and other algorithms, or for parallel programming as in OpenMPI's SCATTER, GATHER and COLLECT. And set theory gives us things such as UNION, INTERSECTION and DIFFERENCE.

Instead of focusing on the minor mechanics of a transformational operation, we can compose higher level transformations and express them more succinctly.

Collapse
 
tohodo profile image
Tommy

As someone learning JavaScript, I would say the experience is the opposite: the imperative example is less complex, easier to read and follow, and I can take a guess at what each line does even if I'm looking at JavaScript code for the first time.

The functional example, on the other hand, is like a foreign language. Arrow functions? Chaining? filter() and map()? These are things a newbie would have a hard time grasping. Maybe using Lisp for the functional example would be better -- JS works best as an imperative tool.

Collapse
 
johnkazer profile image
John Kazer

I like a functional approach because I prefer the way of thinking and sense of security of immutability and pure functions. It has taken some effort to learn the basics but was worth it. Unexpectedly I find I just feel happier solving problems functionally and declaratively, even recursion feels better than a for loop which I never thought I'd say. Moving to virtual DOM helped too!

Collapse
 
rohansawant profile image
Rohan Sawant

This demystifies things considerably. Nice! 🔥

Collapse
 
bumasoft profile image
bumasoft

I would rename this to “Imperative vs Declarative”. Functional programming can be either imperative or declarative.

Collapse
 
aminmansuri profile image
hidden_dude

yes.. But using MAP and REDUCE is not truly declarative in languages such as Javascript. But its OK to imagine it as such.

If you're composing "pure" functions to solve problems, then you're using a functional approach. Whether you do it in a declarative or in an imperative language.

Collapse
 
srebalaji profile image
Srebalaji Thirumalai

Can you also mention the time and space complexity of both methods? I think the functional approach has higher time complexity than imperative ?

Collapse
 
impguard profile image
Kevin Wu

In non functional languages like JS here, FP is for sure slower.

Whether that's important in your space is up to you. I've found that thinking about performance first over code quality has resulted in less performant code for other reasons.

And you can achieve asymptotically equally performant code using libraries or languages built for this style of programming. Given that functional programming isn't really taught, however, that's not the norm.