JavaScript Functional Programming Tutorial

Functional Programming in JavaScript is more like a style, rather than a paradigm. This JavaScript Functional Programming Tutorial was made to demonstrate it’s simply writing your code in a chained, clean and efficient way. Doing this can reduce your 50-100 lines of code to just a few without sacrificing readability and logical integrity.

Relevant keywords, it seems:
functional programming javascript
functional programming vs object oriented
functional patterns
functional programming patterns
functional programming concepts

Follow on Twitter: https://twitter.com/js_tut
Learning Curve Books: http://www.learningcurvebook.net
Instagram: https://www.instagram.com/javascriptteacher
Facebook: https://www.facebook.com/javascriptteacher

Comments

Naouak Nawak says:

This is not an introduction to functionnal programming but just an introduction to map/reduce. Let’s stop defining FP as map/reduce/filter, these are just a small part of what FP is.

Also, an arrow function is not like a function, it is mostly like a function. We need to stop as a community teaching people that arrow functions are the same as regular functions. They have an objective and that’s what we need to teach. Knowing how `this` work is important and teaching that when explaining arrow function is important.

klemensas burzujus says:

That’s a great way to take something so simple as For loop and turn it into unreadable and incomprehensible bunch of functions 😀 Well now i know that i don’t like functional programming. But i learned something new and am enjoying your tutorials. Thanks! Keep it up.

Sergio Martín says:

An introduction to writing
elegant, readable and maintainable code.
Great lesson, as usual. Thank you for your effort.

katya sorok says:

If your array L = [2,3,4] and you calculating var val by applying to L function add_one to each item and than reducing the result by summarizing all items in it, than your val should equal 12. Not 9! Did you start with L=[1,2,3]? or L=[2,3,4]?

erick garcia says:

Is important to highlight that when u write something like this “add = item =>{ item+1 };” is not the same as if u write it like this “add = item => item+1;” because in the first case u are not actually returning anything but in the second way u are returning the new item, so the second way is cleaner but you also implicitly return the new value

 Write a comment

*

Do you like our videos?
Do you want to see more like that?

Please click below to support us on Facebook!