Arrow Functions: The Modern Chef’s Secret to Clean Code

If you’ve been writing JavaScript for a while, you’ve probably seen the => symbol popping up everywhere.It looks like an arrow, it’s called an Arrow Function, and it’s about to make your code look a lot sleeker. Think of it as a shorthand recipe. Instead of writing out a full, formal instruction card, you’re just jotting down the essentials on a sticky note. It does the same job, but with much less "boilerplate" (the extra words we usually have to type). 1. The Transformation: From Normal to Arrow Let’s look at a simple recipe: Squaring a Number. The Traditional Recipe (Function Expression): const square = function ( n ) { return n * n ; }; The Modern Arrow Recipe: const square = ( n ) => { return n * n ; }; We removed the word function and added a => after the parameters. It’s already looking cleaner! 2. One Parameter? No Problem! The "Chef's shorthand" gets even faster. If your recipe only needs one ingredient (one parameter), you can even drop the parentheses () . // Look, no parent