JavaScript: The Tricky Bits

Discover JavaScript techniques that make a huge difference in your work but are not obvious from the outset.

Introduction

• JavaScript can get tricky
• What you should know
• Using the exercise files

1. Improving on Loops

• Pain point: Sequential for loops become tedious
• Solution: Three alternatives
• Pain point: Processing arrays with loops is inelegant
• Solution: filter(), map(), and reduce()
• Challenge: Iterate differently
• Solution: Iterate differently

2. Objects Can Confuse

• Pain point: Copied objects are not actually copies
• Solution: JSON.stringify() and JSON.parse()
• Pain point: The value of this, like, and always
• Solution: bind()
• ES6+ solution: Arrow functions
• Challenge: Objects of hazard
• Solution: Objects of hazard

3. Oh Functions, My Functions

• Pain point: Send extra parameters to an event handler
• Solution: bind() again
• Pain point: Function signature doesn’t accept arrays
• Solution: Function.prototype.apply()
• Pain point: Refactoring function signatures
• Solution: Objects for arguments
• Challenge: Story generator
• Solution overview: Story generator
• Solution walkthrough: Story generator

Conclusion

• Next steps and thank you