1:"$Sreact.fragment" 2:I[1402,["619","static/chunks/619-ba102abea3e3d0e4.js","495","static/chunks/495-934e7f1966bcffc3.js","177","static/chunks/app/layout-05fa0bf8a8355404.js"],""] 3:I[2619,["79","static/chunks/363642f4-7b9a18704ae382f0.js","619","static/chunks/619-ba102abea3e3d0e4.js","14","static/chunks/14-615983bd002a61bb.js","182","static/chunks/app/%5Bslug%5D/page-fa7e9e4918c9927f.js"],""] 4:I[1356,["619","static/chunks/619-ba102abea3e3d0e4.js","495","static/chunks/495-934e7f1966bcffc3.js","177","static/chunks/app/layout-05fa0bf8a8355404.js"],"Image"] 5:I[4008,["619","static/chunks/619-ba102abea3e3d0e4.js","974","static/chunks/app/page-39b9e408c80270cf.js"],"default"] 6:I[6621,["619","static/chunks/619-ba102abea3e3d0e4.js","495","static/chunks/495-934e7f1966bcffc3.js","177","static/chunks/app/layout-05fa0bf8a8355404.js"],"default"] 7:I[909,["619","static/chunks/619-ba102abea3e3d0e4.js","495","static/chunks/495-934e7f1966bcffc3.js","177","static/chunks/app/layout-05fa0bf8a8355404.js"],"default"] 8:I[9766,[],""] 9:I[8924,[],""] 11:I[7150,[],""] :HL["/_next/static/css/9edc58ac24196624.css","style"] 0:{"P":null,"b":"AJGhoj1QSlYzjgWytci_R","p":"","c":["","javascript"],"i":false,"f":[[["",{"children":[["slug","javascript","d"],{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/9edc58ac24196624.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"children":[[[["$","$L2",null,{"src":"https://www.googletagmanager.com/gtag/js?id=G-TGYHX8MW7F","strategy":"afterInteractive"}],["$","$L2",null,{"id":"google-analytics","strategy":"afterInteractive","children":"window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-TGYHX8MW7F');"}]],["$","$L2",null,{"async":true,"src":"https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9789622687009991","crossOrigin":"anonymous","strategy":"afterInteractive"}]],["$","header",null,{"className":"site-header","children":["$","div",null,{"className":"shell nav","children":[["$","$L3",null,{"className":"brand","href":"/","children":[["$","$L4",null,{"src":"/formatter-logo.svg","alt":"ClearFunda Formatter logo","width":46,"height":46,"priority":true}],["$","span",null,{"children":["Formatter ",["$","small",null,{"children":"by Clearfunda"}]]}]]}],["$","nav",null,{"className":"formatter-desktop-nav","aria-label":"Popular formatter tools","children":[["$","$L3",null,{"href":"/json","children":"JSON"}],["$","$L3",null,{"href":"/xml","children":"XML"}],["$","$L3",null,{"href":"/html","children":"HTML"}],["$","$L3",null,{"href":"/yaml","children":"YAML"}],["$","$L3",null,{"href":"/sql","children":"SQL"}],["$","$L3",null,{"href":"/javascript","children":"JavaScript"}]]}],["$","div",null,{"className":"nav-right","children":[["$","$L5",null,{"variant":"header"}],["$","$L6",null,{}],["$","$L7",null,{}]]}]]}]}],["$","main",null,{"className":"shell","children":["$","$L8",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","div",null,{"className":"not-found","children":[["$","h1",null,{"children":"Formatter not found"}],["$","p",null,{"children":"That tool does not exist."}],["$","$L3",null,{"href":"/","children":"Browse all tools"}]]}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}],["$","footer",null,{"className":"footer shell","children":[["$","div",null,{"className":"footer-grid formatter-unified-footer","children":[["$","div",null,{"className":"footer-brand","children":[["$","$L3",null,{"href":"/","className":"footer-brand-heading","children":[["$","$L4",null,{"src":"/formatter-logo.svg","alt":"Formatter logo","width":50,"height":50}],["$","span",null,{"children":[["$","strong",null,{"children":"Formatter"}],["$","small",null,{"children":"by Clearfunda"}]]}]]}],["$","p",null,{"children":"Free code and data formatting tools for developers."}]]}],["$","nav",null,{"className":"footer-section","aria-label":"Information","children":[["$","strong",null,{"children":"Information"}],["$","$L3",null,{"href":"/about","children":"About Us"}],["$","$L3",null,{"href":"/contact","children":"Contact Us"}],["$","$L3",null,{"href":"/terms","children":"Terms & Conditions"}],["$","$L3",null,{"href":"/policy","children":"Privacy Policy"}]]}],["$","nav",null,{"className":"footer-section","aria-label":"Popular formatters","children":[["$","strong",null,{"children":"Popular Formatters"}],["$","$L3",null,{"href":"/json","children":"JSON Formatter"}],["$","$L3",null,{"href":"/xml","children":"XML Formatter"}],["$","$L3",null,{"href":"/html","children":"HTML Formatter"}],["$","$L3",null,{"href":"/yaml","children":"YAML Formatter"}],["$","$L3",null,{"href":"/sql","children":"SQL Formatter"}],["$","$L3",null,{"href":"/javascript","children":"JavaScript Formatter"}],["$","$L3",null,{"href":"/","children":"All Formatters"}]]}],["$","div",null,{"className":"footer-section","children":[["$","strong",null,{"children":"Other Clearfunda Tools"}],["$","nav",null,{"className":"utility-links","aria-label":"More ClearFunda utilities","children":[["$","strong",null,{"children":"More ClearFunda utilities"}],["$","div",null,{"children":[["$","a","UnitConverter",{"href":"https://unitconverter.clearfunda.com/","target":"_blank","rel":"noopener noreferrer","children":"UnitConverter"}],["$","a","Text Compare",{"href":"https://text-compare.clearfunda.com/","target":"_blank","rel":"noopener noreferrer","children":"Text Compare"}],["$","a","Favicon Generator",{"href":"https://favicon-generator.clearfunda.com/","target":"_blank","rel":"noopener noreferrer","children":"Favicon Generator"}],["$","a","Password Generator",{"href":"https://password-generator.clearfunda.com/","target":"_blank","rel":"noopener noreferrer","children":"Password Generator"}],"$La","$Lb"]}]]}]]}],"$Lc"]}],"$Ld"]}]]}]}]]}],{"children":[["slug","javascript","d"],"$Le",{"children":["__PAGE__","$Lf",{},null,false]},null,false]},null,false],"$L10",false]],"m":"$undefined","G":["$11",[]],"s":false,"S":true} 13:I[4431,[],"OutletBoundary"] 15:I[5278,[],"AsyncMetadataOutlet"] 17:I[4431,[],"ViewportBoundary"] 19:I[4431,[],"MetadataBoundary"] 1a:"$Sreact.suspense" a:["$","a","NotePad",{"href":"https://notepad.clearfunda.com/","target":"_blank","rel":"noopener noreferrer","children":"NotePad"}] b:["$","a","JSONFormatter",{"href":"https://jsonformatter.clearfunda.com/","target":"_blank","rel":"noopener noreferrer","children":"JSONFormatter"}] c:["$","div",null,{"className":"footer-section","children":[["$","strong",null,{"children":"Follow Us"}],["$","div",null,{"className":"footer-social-icons","children":[["$","a",null,{"href":"https://x.com/clearfunda1","target":"_blank","rel":"noopener noreferrer","aria-label":"X","title":"X","children":"𝕏"}],["$","a",null,{"href":"https://www.linkedin.com/company/clearfunda/","target":"_blank","rel":"noopener noreferrer","aria-label":"LinkedIn","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":19,"height":19,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-linkedin","children":[["$","path","c2jq9f",{"d":"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"}],["$","rect","mk3on5",{"width":"4","height":"12","x":"2","y":"9"}],["$","circle","bt5ra8",{"cx":"4","cy":"4","r":"2"}],"$undefined"]}]}],["$","a",null,{"href":"https://www.facebook.com/clearfundaofficial","target":"_blank","rel":"noopener noreferrer","aria-label":"Facebook","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":19,"height":19,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-facebook","children":[["$","path","1jg4f8",{"d":"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"}],"$undefined"]}]}]]}]]}] d:["$","div",null,{"className":"footer-bottom","children":["© ",2026," ClearFunda. All rights reserved."]}] e:["$","$1","c",{"children":[null,["$","$L8",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] f:["$","$1","c",{"children":["$L12",null,["$","$L13",null,{"children":["$L14",["$","$L15",null,{"promise":"$@16"}]]}]]}] 10:["$","$1","h",{"children":[null,[["$","$L17",null,{"children":"$L18"}],null],["$","$L19",null,{"children":["$","div",null,{"hidden":true,"children":["$","$1a",null,{"fallback":null,"children":"$L1b"}]}]}]]}] 1c:I[2862,["79","static/chunks/363642f4-7b9a18704ae382f0.js","619","static/chunks/619-ba102abea3e3d0e4.js","14","static/chunks/14-615983bd002a61bb.js","182","static/chunks/app/%5Bslug%5D/page-fa7e9e4918c9927f.js"],"default"] 1d:I[7500,["79","static/chunks/363642f4-7b9a18704ae382f0.js","619","static/chunks/619-ba102abea3e3d0e4.js","14","static/chunks/14-615983bd002a61bb.js","182","static/chunks/app/%5Bslug%5D/page-fa7e9e4918c9927f.js"],"default"] 12:[["$","div",null,{"className":"breadcrumb","children":[["$","$L3",null,{"href":"/","children":"Home"}]," / ","Web Development"," / ","JavaScript Formatter"]}],["$","div",null,{"className":"workspace-layout","children":["$","$L1c",null,{"tool":{"slug":"javascript","name":"JavaScript Formatter","group":"Web Development","description":"Beautify modern JavaScript source.","engine":"babel"}}]}],["$","$L1d",null,{"placement":"belowWorkspace"}],["$","article",null,{"className":"formatter-guide","aria-label":"Learn about JavaScript","children":[["$","span",null,{"className":"guide-eyebrow","children":"GUIDE & EXAMPLES"}],["$","h2",null,{"children":["What is ","JavaScript","?"]}],["$","p",null,{"children":"JavaScript is used in developer, analysis, and testing workflows. Readable web source helps developers review markup, styling, and scripts before debugging or shipping changes."}],["$","h3",null,{"children":"When to use this tool"}],["$","ul",null,{"children":[["$","li","Review nested source code",{"children":"Review nested source code"}],["$","li","Prepare code for a pull request",{"children":"Prepare code for a pull request"}],["$","li","Find structural mistakes more quickly",{"children":"Find structural mistakes more quickly"}]]}],["$","h3",null,{"children":"Practical tips"}],["$","ul",null,{"children":[["$","li","Formatting should preserve the meaning of source code.",{"children":"Formatting should preserve the meaning of source code."}],["$","li","Always run project tests after making substantive edits.",{"children":"Always run project tests after making substantive edits."}],["$","li","Use the relevant validator or compiler for full correctness checks.",{"children":"Use the relevant validator or compiler for full correctness checks."}]]}],null,[["$","h3",null,{"children":"Example"}],["$","p",null,{"className":"guide-example-intro","children":["A readable sample showing typical ","javascript"," content:"]}],["$","pre",null,{"className":"guide-example","children":["$","code",null,{"children":"
\n

Hello!

\n
"}]}]],null,["$","h3",null,{"children":"How to use the formatter"}],["$","p",null,{"children":"Paste your input into the left editor, choose indentation when applicable, and select Beautify. The right editor shows the result. Use Validate where available to check syntax, then copy or download your result. Load sample inserts practice data without needing a real API response."}],["$","p",null,{"children":"For sensitive material, use synthetic test data wherever possible. Formatting and validation are different operations: a syntactically correct document might still fail application-specific rules."}]]}],["$","section",null,{"className":"tool-information","children":[["$","div",null,{"className":"side-card","children":[["$","h2",null,{"children":["About ","JavaScript Formatter"]}],["$","p",null,{"children":"Beautify modern JavaScript source."}],["$","p",null,{"children":"Input is processed locally in your browser by this formatter. Do not paste live secrets into online tools."}]]}],["$","div",null,{"className":"side-card","children":[["$","h2",null,{"children":"Related tools"}],["$","div",null,{"className":"related-links","children":[["$","$L3","html",{"href":"/html","children":["HTML Formatter"," →"]}],["$","$L3","css",{"href":"/css","children":["CSS Formatter"," →"]}],["$","$L3","scss",{"href":"/scss","children":["SCSS Formatter"," →"]}],["$","$L3","less",{"href":"/less","children":["LESS Formatter"," →"]}],["$","$L3","typescript",{"href":"/typescript","children":["TypeScript Formatter"," →"]}],["$","$L3","jsx",{"href":"/jsx","children":["JSX Formatter"," →"]}],["$","$L3","tsx",{"href":"/tsx","children":["TSX Formatter"," →"]}]]}]]}]]}]] 18:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]] 14:null 1e:I[622,[],"IconMark"] 16:{"metadata":[["$","title","0",{"children":"JavaScript Formatter | ClearFunda Formatter"}],["$","meta","1",{"name":"description","content":"Beautify modern JavaScript source."}],["$","meta","2",{"name":"robots","content":"index, follow"}],["$","link","3",{"rel":"canonical","href":"https://formatter.clearfunda.com/javascript"}],["$","meta","4",{"property":"og:title","content":"JavaScript Formatter | ClearFunda Formatter"}],["$","meta","5",{"property":"og:description","content":"Beautify modern JavaScript source. Free online tool by ClearFunda Formatter."}],["$","meta","6",{"property":"og:url","content":"https://formatter.clearfunda.com/javascript"}],["$","meta","7",{"property":"og:site_name","content":"Formatter by Clearfunda"}],["$","meta","8",{"property":"og:image","content":"https://formatter.clearfunda.com/formatter-social.png"}],["$","meta","9",{"property":"og:image:width","content":"1200"}],["$","meta","10",{"property":"og:image:height","content":"630"}],["$","meta","11",{"property":"og:image:alt","content":"ClearFunda Formatter — online code and data formatting tools"}],["$","meta","12",{"property":"og:type","content":"website"}],["$","meta","13",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","14",{"name":"twitter:title","content":"JavaScript Formatter | ClearFunda Formatter"}],["$","meta","15",{"name":"twitter:description","content":"Beautify modern JavaScript source. Free online tool by ClearFunda Formatter."}],["$","meta","16",{"name":"twitter:image","content":"https://formatter.clearfunda.com/formatter-social.png"}],["$","link","17",{"rel":"icon","href":"/favicon.ico","sizes":"any"}],["$","link","18",{"rel":"icon","href":"/formatter-logo.svg","type":"image/svg+xml"}],["$","link","19",{"rel":"apple-touch-icon","href":"/apple-touch-icon.png"}],["$","$L1e","20",{}]],"error":null,"digest":"$undefined"} 1b:"$16:metadata"