Concise, Modular JavaScript

Working with JavaScript again at Treehouse, I went over the Arrow Syntax again¹.

Before it really wasn’t making much sense. I mean, I thought I had it down, but really, it was too fast and too complicated for me at the time. I wanted to learn ES2015 and write, clean, concise, modular javascript.

So What’s Different?

I actually rewatched the videos with Andrew Chalkley this time².

Take a look at this code:

https://gist.github.com/twhite96/3425ef36ca75c93d6ce189a4899ccf40 (opens in a new tab)

Here we are taking no arguments passed to the function sayName()³. With arrow functions, we can write modular, clean code⁴. We can get rid of the function keyword and replace it with =>. Pretty nifty, eh?

Single Argument Functions

Take a look at this code:

https://gist.github.com/twhite96/a019b42192599e43ebddbc608ad4df37 (opens in a new tab)

When we have a single argument passed to a function, much like the no arguments function, we replace the function keyword with an =>. But we can also remove the curly brackets, the parens, and the return statement.⁵

This is getting pretty awesome.

Multiple Argument Functions

Take another gander at this gist:

https://gist.github.com/twhite96/d70aacf2562357393a70431573410efc (opens in a new tab)

Here, we can do pretty much the same thing as in the single argument function, only we need to keep the parens. Still, you can get rid of the curly braces, and the one line of code in the block.

It’s Really All The Same

Check out this gist:

https://gist.github.com/twhite96/35879ad5ae14df31d25aaf8b0891737e (opens in a new tab)

It’s just a cleaner, more modular way to write code. I hear you can write modular JavaScript with Promises but I am not there yet.

Enrolled in Coursera Course

I am doing their Java Data Structures and Algorithms course. They waived the tuition and so I am starting soon. The capstone is what I am really looking forward to. I need to put in the work: 4-6 hours a week. Not too bad.

Thoughts?

Have anything to add? Leave me a comment. :-)

Working with JavaScript again at Treehouse, I went over the Arrow Syntax again¹.

Before it really wasn’t making much sense. I mean, I thought I had it down, but really, it was too fast and too complicated for me at the time. I wanted to learn ES2015 and write, clean, concise, modular javascript.

So What’s Different?

I actually rewatched the videos with Andrew Chalkley this time².

Take a look at this code:

https://gist.github.com/twhite96/3425ef36ca75c93d6ce189a4899ccf40 (opens in a new tab)

Here we are taking no arguments passed to the function sayName()³. With arrow functions, we can write modular, clean code⁴. We can get rid of the function keyword and replace it with =>. Pretty nifty, eh?

Single Argument Functions

Take a look at this code:

https://gist.github.com/twhite96/a019b42192599e43ebddbc608ad4df37 (opens in a new tab)

When we have a single argument passed to a function, much like the no arguments function, we replace the function keyword with an =>. But we can also remove the curly brackets, the parens, and the return statement.⁵

This is getting pretty awesome.

Multiple Argument Functions

Take another gander at this gist:

https://gist.github.com/twhite96/d70aacf2562357393a70431573410efc (opens in a new tab)

Here, we can do pretty much the same thing as in the single argument function, only we need to keep the parens. Still, you can get rid of the curly braces, and the one line of code in the block.

It’s Really All The Same

Check out this gist:

https://gist.github.com/twhite96/35879ad5ae14df31d25aaf8b0891737e (opens in a new tab)

It’s just a cleaner, more modular way to write code. I hear you can write modular JavaScript with Promises but I am not there yet.

Enrolled in Coursera Course

I am doing their Java Data Structures and Algorithms course. They waived the tuition and so I am starting soon. The capstone is what I am really looking forward to. I need to put in the work: 4-6 hours a week. Not too bad.

Thoughts?

Have anything to add? Leave me a comment. :-)