--- title: Day 181 of Everyday Programming | daily.dev description: A brief introduction to arrow functions in JavaScript, covering their concise syntax introduced in ES6 and their key behavioral difference: they do not create... canonical: https://daily.dev/posts/day-181-of-everyday-programming-vln5p67eo twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Day 181 of Everyday Programming | daily.dev og:description: A brief introduction to arrow functions in JavaScript, covering their concise syntax introduced in ES6 and their key behavioral difference: they do not create... og:url: https://daily.dev/posts/day-181-of-everyday-programming-vln5p67eo og:image: https://api.daily.dev/og/posts/Vln5p67eO.png og:image:alt: Day 181 of Everyday Programming og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Day 181 of Everyday Programming **[Medium](https://daily.dev/sources/medium_js)** · 1 min read · 1 upvotes · 0 comments ## Summary A brief introduction to arrow functions in JavaScript, covering their concise syntax introduced in ES6 and their key behavioral difference: they do not create their own `this` context but inherit it from the surrounding lexical scope. This makes them particularly useful in callbacks, event handlers, and SAPUI5 controller code where preserving the outer `this` is needed. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### How do arrow functions handle the this keyword differently from regular functions in JavaScript? Arrow functions do not create their own this binding; instead, they inherit this from the surrounding lexical scope where they are defined. This differs from regular functions, which get their own this based on how they are called. This makes arrow functions useful in callbacks and event handlers where preserving the outer context's this is needed, avoiding workarounds like .bind(this) or const that = this. _Developers debugging this-related bugs in callbacks can find more JavaScript fundamentals on daily.dev._ ## Similar posts on daily.dev - [JavaScript this Keyword Explained: Objects, Classes, Arrow Functions, and Interview Questions](https://daily.dev/posts/javascript-this-keyword-explained-objects-classes-arrow-functions-and-interview-questions-qhe5plx8x) · Medium · 3 upvotes · 0 comments - [Understanding the ‘this’ Keyword in JavaScript](https://daily.dev/posts/understanding-the-this-keyword-in-javascript-crptizoz8) · Medium · 1 upvotes · 0 comments - [How JavaScript call, apply, and bind Actually Work](https://daily.dev/posts/how-javascript-call-apply-and-bind-actually-work-rlrofagmz) · JS Dev Space · 2 upvotes · 0 comments --- Tags: [#javascript](https://daily.dev/tags/javascript) [View this post on daily.dev](https://daily.dev/posts/day-181-of-everyday-programming-vln5p67eo) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Day 181 of Everyday Programming","url":"https://daily.dev/posts/day-181-of-everyday-programming-vln5p67eo","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/day-181-of-everyday-programming-vln5p67eo"},"datePublished":"2026-07-22T20:07:47.276Z","dateModified":"2026-09-13T21:42:01.335Z","description":"A brief introduction to arrow functions in JavaScript, covering their concise syntax introduced in ES6 and their key behavioral difference: they do not create...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/d6ab0a9a223ee01bc82d647f54feb2d2?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/d6ab0a9a223ee01bc82d647f54feb2d2?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Medium","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Medium","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/medium","url":"https://daily.dev/sources/medium_js"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/day-181-of-everyday-programming-vln5p67eo","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"javascript","timeRequired":"PT1M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Medium","item":"https://daily.dev/sources/medium_js"},{"@type":"ListItem","position":3,"name":"Day 181 of Everyday Programming"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/day-181-of-everyday-programming-vln5p67eo#faq","mainEntity":[{"@type":"Question","name":"How do arrow functions handle the this keyword differently from regular functions in JavaScript?","acceptedAnswer":{"@type":"Answer","text":"Arrow functions do not create their own this binding; instead, they inherit this from the surrounding lexical scope where they are defined. This differs from regular functions, which get their own this based on how they are called. This makes arrow functions useful in callbacks and event handlers where preserving the outer context's this is needed, avoiding workarounds like .bind(this) or const that = this. Developers debugging this-related bugs in callbacks can find more JavaScript fundamentals on daily.dev."}}]} ```