![\"\"](\"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/10\/image-21-1024x294.png\")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
Two things to note: <\/p>\n\n\n\n
- \n
- Parentheses are required when using multiple function parameters. <\/li>\n\n\n\n
- In a one-liner arrow function, the result of the expression is automatically returned.<\/li>\n<\/ul>\n\n\n\n
Zero or One Parameter<\/h3>\n\n\n\n
If your function has only one parameter, parentheses become optional. If there’s no parameter, then you do need the parentheses:<\/p>\n\n\n\n
![\"\"](\"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/10\/image-24-1024x455.png\")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
Multiple instructions<\/h3>\n\n\n\n
If your function has multiple lines of code, then you need curly braces and a return statement:<\/p>\n\n\n\n
![\"\"](\"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/10\/image-25-1024x488.png\")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
Why use arrow functions?<\/h3>\n\n\n\n
Aside from the syntax improvements described above, arrow functions are helpful in classes because they preserve the context of
this<\/code>. By default, in JavaScript,this<\/code> means “the current function,” not “the current class instance.” Arrow functions fix that scope for us:<\/p>\n\n\n\n![\"\"](\"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/10\/image-26-1024x476.png\")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Arrow functions have become the standard syntax in modern JavaScript. They offer a concise way to write functions, making your code lighter and more readable. Let’s explore arrow functions and their various syntax options with code examples. Basic syntax Two things to note: Zero or One Parameter If your function has only one parameter, parentheses […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[],"class_list":["post-1668","post","type-post","status-publish","format-standard","hentry","category-javascript"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t