DEV Community

Cover image for Introduction to Functional Programming
Sayuri
Sayuri

Posted on

5

Introduction to Functional Programming

In Functional Programing, we want express our whole program in terms of functions.
Functional Programing is Declarative. Which means we focus more on ** what to do ** instead of How to do

First lets understand why Functional Programming is so important.
Functional Programming enables us to

  • Write re-useable code.
  • Debug easily.
  • Read better.

Functions are 1st Class Citizens
because functions can be :

  • Assigned to variables.
  • Can be added to objects and arrays as well .
  • Sent to other functions as a argument.
  • Can be Returned from other functions.

Let's get right into it.

Non Functional Way

let name = "Sayuri" ;
let message = "Hey, fellow devs, I am " ;
console.log(message + name)

---> Hey, fellow devs, I am Sayuri
Enter fullscreen mode Exit fullscreen mode

Functional Way

function message(name) {
    return "Hey, fellow devs, I am " + name ;
}

message("Sayuri")

---> Hey, fellow devs, I am Sayuri
Enter fullscreen mode Exit fullscreen mode

--> Pure Functions

A Pure Function is a function which,
Given the same input, will always return the same output.

A Pure Function :

  • Takes in at least 1 parameter.
  • Return Something (A value or a function).
  • Does not mutates any arguments.

Not Pure

let name = "Sayuri" ;

function message(){
    console.log("Hey, fellow devs, I am " + name )
} 
Enter fullscreen mode Exit fullscreen mode

The above code is not pure because

  • --> It is not taking name as an parameter.
  • --> It's dealing with something in the global scope.
  • --> Also it not having a return value.

Pure Functions have no side effects which means it cannot alter anything outside the function.

Pure Function

function message(name) {
   return "Hey, fellow devs, I am " + name
}
Enter fullscreen mode Exit fullscreen mode

Higher Order Function

A higher order function is a function that takes a function as an argument, or returns a function or does both.

const greet = function takeName (name){
    return function message(msg){
        return msg  + name 
    }
}

greet("Sayuri ")("Hey, fellow devs, I am ")

--> Hey, fellow devs, I am Sayuri
Enter fullscreen mode Exit fullscreen mode

Immutable Code

Immutability means can't be changed.

Mutation --> (Bad)

const code= [ "Javascript", "Python", "React" ]
code[ 2 ] = "Node"
console.log(code)

--> [ "Javascript", "Node", "React" ]
Enter fullscreen mode Exit fullscreen mode

Immutation

const code = [ "Javascript", "Python", "React" ]
const code2 = code.map(lang=> {
  if(lang=== 'Python') {
    lang= 'Node';
  }
  return lang;
});

console.log(code2)

--> [ "Javascript", "Node", "React" ]
Enter fullscreen mode Exit fullscreen mode

Last but not the Least
Do not Iterate using for or while/loops --> Use Map, Reduce, Filter etc.

Let me your thoughts.

Image of Stellar post

🚀 Stellar Dev Diaries Series: Episode 1 is LIVE!

Ever wondered what it takes to build a web3 startup from scratch? In the Stellar Dev Diaries series, we follow the journey of a team of developers building on the Stellar Network as they go from hackathon win to getting funded and launching on mainnet.

Read more

Top comments (5)

Collapse
 
cappe987 profile image
Casper •
let name = "Sayuri" ;
let message = "Hey, fellow devs, I am " ;
console.log(message + name)
Enter fullscreen mode Exit fullscreen mode

Do you consider this non-functional because it's all written in the global scope? Because I don't really see anything else that would make it non-functional. It doesn't mutate and doesn't access variables in an outer scope (since there is none). I would say it's completely functional.

function greet(){
    let name = "Sayuri" ;
    let message = "Hey, fellow devs, I am " ;
    console.log(message + name)
}
Enter fullscreen mode Exit fullscreen mode

Is this still non-functional? Impure functions are still allowed in functional programming btw. But should be kept to a minimum.

A pure function also doesn't have to take an argument. Although if it doesn't it's just a constant function, always returning the same value. But by definition, it is still pure.

Collapse
 
jackmellis profile image
Jack •

Agreed. I can only assume that first example because it's logging to the console (side effect).

Yes there can be minimal impure functions because otherwise your code would do nothing. But I'd say if a function is impure, you should look for a way to make it pure, and only leave it impure as a last resort, most of the time function composition/partial application is the key.

Your greet function I would pass the console in as a parameter. Even better would be to create an abstraction over logging to the console so your function isn't coupled to the console implementation!

Collapse
 
cappe987 profile image
Casper •

Yes of course you could improve the function. I just put his code in a function to show as example.

Collapse
 
andi1984 profile image
Andreas Sander •

I can recommend you watching this video by Anjana Vakil youtube.com/watch?v=e-5obm1G_FY

Neon image

Next.js applications: Set up a Neon project in seconds

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Get started →

👋 Kindness is contagious

Explore a trove of insights in this engaging article, celebrated within our welcoming DEV Community. Developers from every background are invited to join and enhance our shared wisdom.

A genuine "thank you" can truly uplift someone’s day. Feel free to express your gratitude in the comments below!

On DEV, our collective exchange of knowledge lightens the road ahead and strengthens our community bonds. Found something valuable here? A small thank you to the author can make a big difference.

Okay