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
Amazon Auto Links: No products found.
![Tetris #1 – HTML5 Game Programming Tutorial [javascript]](https://img.youtube.com/vi/Z3wvP27eW98/0.jpg "Tetris #1 – HTML5 Game Programming Tutorial [javascript]")
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.
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.
An introduction to writing
elegant, readable and maintainable code.
Great lesson, as usual. Thank you for your effort.
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]?
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