--- title: Code Refactoring in JavaScript | daily.dev description: Refactoring is a systematic process of improving code without creating new functionality that can transform a mess into clean code and simple design. Let's... canonical: https://daily.dev/posts/code-refactoring-in-javascript-jfg0ee3vk twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Code Refactoring in JavaScript | daily.dev og:description: Refactoring is a systematic process of improving code without creating new functionality that can transform a mess into clean code and simple design. Let's... og:url: https://daily.dev/posts/code-refactoring-in-javascript-jfg0ee3vk og:image: https://api.daily.dev/og/posts/JFg0eE3VK.png og:image:alt: Code Refactoring in JavaScript 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. # Code Refactoring in JavaScript **[Community Picks](https://daily.dev/sources/community)** · 2 min read · 79 upvotes · 6 comments ## Summary Refactoring is a systematic process of improving code without creating new functionality that can transform a mess into clean code and simple design. Let's discuss some refactoring techniques for methods for methods. We get clean or more readable code. Less duplication of code, extracted code can be reused in other part of code. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@fuadpashayev** · 2 upvotes > Good techniques. Anyone can take them into consideration while code review. **@arcticspacefox** · 2 upvotes > Ok in general if u just extract a method like this, u should ask yourself "do i reuse this? is this important to be its own function" Because a printInfo function literally has the purpose of printing. As well all the js will be shipped to the client, so this could be very unclean and also longer to load. > > In general when refactoring look at the use case of it. structure out certain logic i agree. But also do that if you need to reuse it, dont just make 100 fucntions if they all are only used in one function.... it will get messy soon > > imo **@snowfox409** · 1 upvotes > Short and informing article **@aemzayn** · 1 upvotes > rather than writing article in chapter just post it in your twitter please **@karrot** · 0 upvotes > Good sharing ! It seems a in SOILD principles ## Similar posts on daily.dev - [Governing Security in the Age of Infinite Signal](https://daily.dev/posts/governing-security-in-the-age-of-infinite-signal-qhihbir44) · Snyk · 0 upvotes · 0 comments - [No one has a good plan for how AI companies should work with the government](https://daily.dev/posts/no-one-has-a-good-plan-for-how-ai-companies-should-work-with-the-government-nkajqoze1) · TechCrunch · 0 upvotes · 1 comments --- Tags: [#javascript](https://daily.dev/tags/javascript) [View this post on daily.dev](https://daily.dev/posts/code-refactoring-in-javascript-jfg0ee3vk) ```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":"Code Refactoring in JavaScript","url":"https://daily.dev/posts/code-refactoring-in-javascript-jfg0ee3vk","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/code-refactoring-in-javascript-jfg0ee3vk"},"datePublished":"2022-08-17T18:00:46.223Z","dateModified":"2023-12-07T12:02:45.284Z","description":"Refactoring is a systematic process of improving code without creating new functionality that can transform a mess into clean code and simple design. Let's...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/16d5b8a2a1d620b5d96d931a549ca3a9","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/16d5b8a2a1d620b5d96d931a549ca3a9","isAccessibleForFree":true,"articleSection":"Community Picks","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":"Community Picks","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community","url":"https://daily.dev/sources/community"},"commentCount":6,"discussionUrl":"https://daily.dev/posts/code-refactoring-in-javascript-jfg0ee3vk","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":79},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":6}],"keywords":"javascript","timeRequired":"PT2M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Community Picks","item":"https://daily.dev/sources/community"},{"@type":"ListItem","position":3,"name":"Code Refactoring in JavaScript"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/code-refactoring-in-javascript-jfg0ee3vk","comment":[{"@type":"Comment","text":"Good techniques. Anyone can take them into consideration while code review.","datePublished":"2022-08-17T20:18:07.489Z","url":"https://daily.dev/posts/JFg0eE3VK#c-xWmaWVrut","author":{"@type":"Person","name":"Fuad Pashayev","url":"https://daily.dev/fuadpashayev","image":"https://avatars.githubusercontent.com/u/29862327?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"Ok in general if u just extract a method like this, u should ask yourself “do i reuse this? is this important to be its own function” Because a printInfo function literally has the purpose of printing. As well all the js will be shipped to the client, so this could be very unclean and also longer to load.\nIn general when refactoring look at the use case of it. structure out certain logic i agree. But also do that if you need to reuse it, dont just make 100 fucntions if they all are only used in one function… it will get messy soon\nimo","datePublished":"2022-08-18T19:50:17.041Z","url":"https://daily.dev/posts/JFg0eE3VK#c-SnkT6tp4m","author":{"@type":"Person","name":"ArcticSpaceFox","url":"https://daily.dev/arcticspacefox","image":"https://lh3.googleusercontent.com/a-/AOh14GgzWr9LQQlhAPP8S4OXhZeIuC3DpmkMNnMlAlUUGQ=s100"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"Short and informing article","datePublished":"2022-08-18T06:30:38.008Z","url":"https://daily.dev/posts/JFg0eE3VK#c-mRnWwAklH","author":{"@type":"Person","name":"Snow Fox","url":"https://daily.dev/snowfox409","image":"https://lh3.googleusercontent.com/a-/AOh14GijaEEKYp3hdFMkWVjbI4bfVPD3frqh08eQ64r5=s100"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"rather than writing article in chapter just post it in your twitter please","datePublished":"2022-08-18T05:13:39.975Z","url":"https://daily.dev/posts/JFg0eE3VK#c-eCtmaCLmu","author":{"@type":"Person","name":"Ahmad Muslih","url":"https://daily.dev/aemzayn","image":"https://lh3.googleusercontent.com/a-/AOh14GjfzHgXREDMhbFMVyswJgKBA7bwfXBZ79GHDy8oNw=s100"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Good sharing ! It seems a in SOILD principles","datePublished":"2022-08-18T00:14:19.420Z","url":"https://daily.dev/posts/JFg0eE3VK#c-47c8wosKt","author":{"@type":"Person","name":"Karrot","url":"https://daily.dev/karrot","image":"https://avatars.githubusercontent.com/u/15981252?v=4"}}]} ```