{"id":245,"date":"2024-01-19T22:36:46","date_gmt":"2024-01-20T01:36:46","guid":{"rendered":"https:\/\/desvendandoocodigo.com.br\/?p=245"},"modified":"2024-02-13T18:28:25","modified_gmt":"2024-02-13T21:28:25","slug":"basico-de-arrow-functions-em-javascript","status":"publish","type":"post","link":"https:\/\/desvendandoocodigo.com.br\/?p=245","title":{"rendered":"B\u00e1sico de Arrow Function em JavaScript"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>O que s\u00e3o Arrow Functions?<\/strong><\/h2>\n\n\n\n<p>Arrow functions s\u00e3o uma forma mais curta de escrever fun\u00e7\u00f5es em JavaScript. <\/p>\n\n\n\n<p>O JavaScript \u00e9 uma linguagem de programa\u00e7\u00e3o vers\u00e1til e din\u00e2mica, e a introdu\u00e7\u00e3o das Arrow Functions no ECMAScript 6 (tamb\u00e9m conhecido como ES6) trouxe uma maneira mais concisa e elegante de escrever fun\u00e7\u00f5es. As Arrow Functions s\u00e3o uma alternativa mais curta e sintaticamente mais limpa para as fun\u00e7\u00f5es tradicionais em JavaScript.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Sintaxe B\u00e1sica<\/h2>\n\n\n\n<p>A sintaxe de uma Arrow Function \u00e9 bastante simples. Aqui est\u00e1 um exemplo b\u00e1sico:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"396\" height=\"129\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/01\/image-2.png\" alt=\"\" class=\"wp-image-246\" srcset=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/01\/image-2.png 396w, https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/01\/image-2-300x98.png 300w\" sizes=\"(max-width: 396px) 100vw, 396px\" \/><\/figure>\n\n\n\n<p>Neste exemplo, a fun\u00e7\u00e3o <code>soma<\/code> aceita dois par\u00e2metros <code>a<\/code> e <code>b<\/code> e retorna sua soma. A seta (<code>=&gt;<\/code>) substitui a palavra-chave <code>function<\/code>, tornando a sintaxe mais concisa.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Retorno Impl\u00edcito<\/h2>\n\n\n\n<p>Se a fun\u00e7\u00e3o tiver apenas uma express\u00e3o, voc\u00ea pode omitir as chaves <code>{}<\/code> e a declara\u00e7\u00e3o <code>return<\/code>. O valor da express\u00e3o ser\u00e1 implicitamente retornado.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"416\" height=\"86\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/01\/image-3.png\" alt=\"\" class=\"wp-image-247\" srcset=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/01\/image-3.png 416w, https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/01\/image-3-300x62.png 300w\" sizes=\"(max-width: 416px) 100vw, 416px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Sem Par\u00e2metros ou Apenas Um Par\u00e2metro<\/h2>\n\n\n\n<p>Para fun\u00e7\u00f5es sem par\u00e2metros ou com apenas um par\u00e2metro, os par\u00eanteses podem ser omitidos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"197\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/01\/image-4.png\" alt=\"\" class=\"wp-image-248\" srcset=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/01\/image-4.png 397w, https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/01\/image-4-300x149.png 300w\" sizes=\"(max-width: 397px) 100vw, 397px\" \/><\/figure>\n\n\n\n<p>As Arrow Functions s\u00e3o uma adi\u00e7\u00e3o valiosa ao JavaScript, tornando o c\u00f3digo mais conciso e leg\u00edvel.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Conclus\u00e3o<\/strong><\/h2>\n\n\n\n<p>Arrow functions s\u00e3o uma adi\u00e7\u00e3o valiosa ao JavaScript, especialmente para escrever c\u00f3digo de forma mais concisa e leg\u00edvel. Espero que este artigo tenha fornecido uma introdu\u00e7\u00e3o clara e \u00fatil \u00e0s arrow functions, ajudando os iniciantes a compreender e come\u00e7ar a usar essa funcionalidade em seus pr\u00f3prios projetos. Experimente praticar o uso de arrow functions em diferentes contextos para se familiarizar completamente com essa poderosa ferramenta de programa\u00e7\u00e3o!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O que s\u00e3o Arrow Functions? Arrow functions s\u00e3o uma forma mais curta de escrever fun\u00e7\u00f5es em JavaScript. O JavaScript \u00e9 uma linguagem de programa\u00e7\u00e3o vers\u00e1til e din\u00e2mica, e a introdu\u00e7\u00e3o das Arrow Functions no ECMAScript 6 (tamb\u00e9m conhecido como ES6) trouxe uma maneira mais concisa e elegante de escrever fun\u00e7\u00f5es. As Arrow Functions s\u00e3o uma alternativa mais curta e sintaticamente mais limpa para as fun\u00e7\u00f5es tradicionais em JavaScript. Sintaxe B\u00e1sica A sintaxe de uma Arrow Function \u00e9 bastante simples. Aqui est\u00e1 um exemplo b\u00e1sico: Neste exemplo, a fun\u00e7\u00e3o soma aceita dois par\u00e2metros a e b e retorna sua soma. A seta (=&gt;) substitui a palavra-chave function, tornando a sintaxe mais concisa. Retorno Impl\u00edcito Se a fun\u00e7\u00e3o tiver apenas uma express\u00e3o, voc\u00ea pode omitir as chaves {} e a declara\u00e7\u00e3o return. O valor da express\u00e3o ser\u00e1 implicitamente retornado. Sem Par\u00e2metros ou Apenas Um Par\u00e2metro Para fun\u00e7\u00f5es sem par\u00e2metros ou com apenas um par\u00e2metro, os par\u00eanteses podem ser omitidos. As Arrow Functions s\u00e3o uma adi\u00e7\u00e3o valiosa ao JavaScript, tornando o c\u00f3digo mais conciso e leg\u00edvel. Conclus\u00e3o Arrow functions s\u00e3o uma adi\u00e7\u00e3o valiosa ao JavaScript, especialmente para escrever c\u00f3digo de forma mais concisa e leg\u00edvel. Espero que este artigo tenha fornecido uma introdu\u00e7\u00e3o clara e \u00fatil \u00e0s arrow functions, ajudando os iniciantes a compreender e come\u00e7ar a usar essa funcionalidade em seus pr\u00f3prios projetos. Experimente praticar o uso de arrow functions em diferentes contextos para se familiarizar completamente com essa poderosa ferramenta de programa\u00e7\u00e3o!<\/p>\n","protected":false},"author":1,"featured_media":525,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/245"}],"collection":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=245"}],"version-history":[{"count":4,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/245\/revisions"}],"predecessor-version":[{"id":527,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/245\/revisions\/527"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/media\/525"}],"wp:attachment":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=245"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=245"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}