{"id":38796,"date":"2024-07-21T14:04:42","date_gmt":"2024-07-21T17:04:42","guid":{"rendered":"http:\/\/localhost\/cmswebmundicom\/?p=38796"},"modified":"2024-07-21T14:04:44","modified_gmt":"2024-07-21T17:04:44","slug":"novidades-do-es6-javascript-moderno","status":"publish","type":"post","link":"http:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/","title":{"rendered":"Novidades do ES6: O Que H\u00e1 de Novo no JavaScript Moderno"},"content":{"rendered":"<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/cmswebmundicom\/javascript-basico\/\">Tutorial JavaScript B\u00e1sico<\/a><\/div><\/div><h2 class=\"wp-block-heading\">Novidades do ES6: O Que H\u00e1 de Novo no JavaScript Moderno<\/h2><p>Explore as principais novidades do ES6 (ECMAScript 2015), incluindo let e const, arrow functions, template literals, destructuring e spread\/rest operators, com exemplos pr\u00e1ticos.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"450\" height=\"253\" src=\"http:\/\/localhost\/cmswebmundicom\/\/wp-content\/uploads\/capa-serie-javascript-webmundi-com-min.png\" alt=\"Dicas de JavaScript b\u00e1sico para iniciantes - Manipula\u00e7\u00e3o de DOM\" class=\"wp-image-38235\" srcset=\"http:\/\/localhost\/cmswebmundicom\/wp-content\/uploads\/capa-serie-javascript-webmundi-com-min.png 450w, http:\/\/localhost\/cmswebmundicom\/wp-content\/uploads\/capa-serie-javascript-webmundi-com-min-300x169.png 300w, http:\/\/localhost\/cmswebmundicom\/wp-content\/uploads\/capa-serie-javascript-webmundi-com-min-100x56.png 100w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><figcaption class=\"wp-element-caption\">Tutorial de JavaScript b\u00e1sico para iniciantes<\/figcaption><\/figure><\/div><h3 class=\"wp-block-heading\">Novidades do ES6: O Que H\u00e1 de Novo no JavaScript Moderno<\/h3><p>O ES6, ou ECMAScript 2015, trouxe uma s\u00e9rie de melhorias e novos recursos para o JavaScript, tornando a linguagem mais poderosa e eficiente. Neste post, vamos explorar algumas das funcionalidades mais importantes introduzidas pelo ES6, incluindo <code>let<\/code> e <code>const<\/code>, arrow functions, template literals, destructuring e spread\/rest operators.<\/p><h3 class=\"wp-block-heading\"><code>let<\/code> e <code>const<\/code><\/h3><p>Antes do ES6, o JavaScript usava <code>var<\/code> para declarar vari\u00e1veis. O ES6 introduziu <code>let<\/code> e <code>const<\/code>, que oferecem mais controle sobre o escopo das vari\u00e1veis.<\/p><h3 class=\"wp-block-heading\"><code>let<\/code><\/h3><p>O <code>let<\/code> permite declarar vari\u00e1veis com escopo de bloco, ou seja, a vari\u00e1vel s\u00f3 \u00e9 acess\u00edvel dentro do bloco onde foi declarada.<\/p><pre class=\"wp-block-code\"><code>let nome = \"Jo\u00e3o\";\nif (true) {\n    let nome = \"Maria\";\n    console.log(nome); \/\/ Sa\u00edda: Maria\n}\nconsole.log(nome); \/\/ Sa\u00edda: Jo\u00e3o\n\n<\/code><\/pre><h3 class=\"wp-block-heading\"><code>const<\/code><\/h3><p>O <code>const<\/code> \u00e9 usado para declarar constantes, ou seja, vari\u00e1veis cujo valor n\u00e3o pode ser reatribu\u00eddo.<\/p><pre class=\"wp-block-code\"><code>const PI = 3.14159;\nconsole.log(PI); \/\/ Sa\u00edda: 3.14159\n\n\/\/ Tentar reatribuir um valor a uma constante resultar\u00e1 em erro\n\/\/ PI = 3.14; \/\/ Erro: Assignment to constant variable.\n\n<\/code><\/pre><h3 class=\"wp-block-heading\">Arrow Functions<\/h3><p>As arrow functions s\u00e3o uma sintaxe mais curta para escrever fun\u00e7\u00f5es an\u00f4nimas e t\u00eam um comportamento diferente em rela\u00e7\u00e3o ao <code>this<\/code> comparado com fun\u00e7\u00f5es tradicionais.<\/p><pre class=\"wp-block-code\"><code>\/\/ Fun\u00e7\u00e3o tradicional\nfunction soma(a, b) {\n    return a + b;\n}\n\n\/\/ Arrow function\nconst soma = (a, b) =&gt; a + b;\n\nconsole.log(soma(2, 3)); \/\/ Sa\u00edda: 5\n\n<\/code><\/pre><h3 class=\"wp-block-heading\">Template Literals<\/h3><p>Os template literals permitem a cria\u00e7\u00e3o de strings complexas e multi-linhas de forma mais f\u00e1cil e leg\u00edvel, usando crases (&#8220;`) em vez de aspas.<\/p><pre class=\"wp-block-code\"><code>let nome = \"Jo\u00e3o\";\nlet idade = 30;\n\n\/\/ String tradicional\nlet mensagem = \"Meu nome \u00e9 \" + nome + \" e eu tenho \" + idade + \" anos.\";\n\n\/\/ Template literal\nlet mensagemTemplate = `Meu nome \u00e9 ${nome} e eu tenho ${idade} anos.`;\n\nconsole.log(mensagemTemplate); \/\/ Sa\u00edda: Meu nome \u00e9 Jo\u00e3o e eu tenho 30 anos.\n\n<\/code><\/pre><h3 class=\"wp-block-heading\">Destructuring<\/h3><p>O destructuring permite a extra\u00e7\u00e3o de valores de arrays ou objetos e sua atribui\u00e7\u00e3o a vari\u00e1veis de forma concisa.<\/p><h3 class=\"wp-block-heading\">Destructuring de Arrays<\/h3><pre class=\"wp-block-code\"><code>let numeros = &#91;1, 2, 3];\nlet &#91;a, b, c] = numeros;\n\nconsole.log(a); \/\/ Sa\u00edda: 1\nconsole.log(b); \/\/ Sa\u00edda: 2\nconsole.log(c); \/\/ Sa\u00edda: 3\n\n<\/code><\/pre><h3 class=\"wp-block-heading\">Destructuring de Objetos<\/h3><pre class=\"wp-block-code\"><code>let pessoa = {\n    nome: \"Jo\u00e3o\",\n    idade: 30,\n    profissao: \"Desenvolvedor\"\n};\n\nlet { nome, idade, profissao } = pessoa;\n\nconsole.log(nome); \/\/ Sa\u00edda: Jo\u00e3o\nconsole.log(idade); \/\/ Sa\u00edda: 30\nconsole.log(profissao); \/\/ Sa\u00edda: Desenvolvedor\n\n<\/code><\/pre><h3 class=\"wp-block-heading\">Spread e Rest Operators<\/h3><p>Os operadores spread (<code>...<\/code>) e rest (<code>...<\/code>) permitem trabalhar com arrays e objetos de maneira mais flex\u00edvel.<\/p><h3 class=\"wp-block-heading\">Spread Operator<\/h3><p>O spread operator pode ser usado para expandir elementos de um array ou objeto.<\/p><pre class=\"wp-block-code\"><code>let numeros = &#91;1, 2, 3];\nlet maisNumeros = &#91;...numeros, 4, 5, 6];\n\nconsole.log(maisNumeros); \/\/ Sa\u00edda: &#91;1, 2, 3, 4, 5, 6]\n\nlet pessoa = {\n    nome: \"Jo\u00e3o\",\n    idade: 30\n};\n\nlet pessoaCompleta = {\n    ...pessoa,\n    profissao: \"Desenvolvedor\"\n};\n\nconsole.log(pessoaCompleta);\n\/\/ Sa\u00edda: { nome: \"Jo\u00e3o\", idade: 30, profissao: \"Desenvolvedor\" }\n\n<\/code><\/pre><h3 class=\"wp-block-heading\">Rest Operator<\/h3><p>O rest operator permite agrupar o restante dos elementos de um array ou propriedades de um objeto em uma \u00fanica vari\u00e1vel.<\/p><pre class=\"wp-block-code\"><code>function soma(...numeros) {\n    return numeros.reduce((total, num) =&gt; total + num, 0);\n}\n\nconsole.log(soma(1, 2, 3, 4)); \/\/ Sa\u00edda: 10\n\nlet { nome, ...detalhes } = pessoaCompleta;\nconsole.log(nome); \/\/ Sa\u00edda: Jo\u00e3o\nconsole.log(detalhes); \/\/ Sa\u00edda: { idade: 30, profissao: \"Desenvolvedor\" }\n\n<\/code><\/pre><h3 class=\"wp-block-heading\">Conclus\u00e3o<\/h3><p>O ES6 trouxe muitas melhorias significativas para o JavaScript, facilitando a escrita de c\u00f3digo mais limpo e eficiente. As funcionalidades como <code>let<\/code> e <code>const<\/code>, arrow functions, template literals, destructuring e spread\/rest operators s\u00e3o apenas algumas das adi\u00e7\u00f5es que tornam o JavaScript moderno mais poderoso e f\u00e1cil de usar. Pratique essas novas funcionalidades para aproveitar ao m\u00e1ximo o que o ES6 tem a oferecer em seus projetos.<\/p><h2 class=\"wp-block-heading\"><strong>&#x1f4a1; Gostou do conte\u00fado?<\/strong><\/h2><p>&#x2705; <strong>Apoie-nos:<\/strong> Siga, Curta, Comente e Compartilhe!<\/p><p>&#x1f4f2; <strong>Conecte-se com a WebMundi:<\/strong><\/p><p>&#x25b6;&#xfe0f; <a href=\"https:\/\/www.youtube.com\/channel\/UCqqJsllgIjDZjLE74Bba9og?sub_confirmation=1\">YouTube<\/a><\/p><p>&#x25b6;&#xfe0f; <a href=\"https:\/\/www.facebook.com\/webmundi.net\">Facebook<\/a><\/p><p>&#x25b6;&#xfe0f; <a href=\"https:\/\/www.instagram.com\/webmundi\/\">Instagram<\/a><\/p><p>&#x25b6;&#xfe0f; <a href=\"https:\/\/www.linkedin.com\/company\/webmundi\/\">LinkedIn<\/a><\/p><p>&#x25b6;&#xfe0f; <a href=\"https:\/\/www.tiktok.com\/@webmundi?lang=pt-BR\">TikTok<\/a><\/p><p>&#x1f465; <strong>Participe do nosso Discord para tirar d\u00favidas e ajudar outras pessoas!<\/strong><\/p><p>&#x1f517; <a href=\"https:\/\/discord.com\/invite\/m74SuHPNGn\">Discord webmundi.com<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Novidades do ES6: O Que H\u00e1 de Novo no JavaScript Moderno Explore as principais novidades do ES6 (ECMAScript 2015), incluindo&#8230;<\/p>\n","protected":false},"author":2,"featured_media":38235,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[83],"tags":[84,5370,5371],"class_list":["post-38796","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-javascript","tag-tutorial-javascript-basico","tag-tutorial-webmundi-com"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Novidades do ES6: O Que H\u00e1 de Novo no JavaScript Moderno<\/title>\n<meta name=\"description\" content=\"Descubra as principais novidades do ES6, incluindo let e const, arrow functions, template literals, destructuring e spread\/rest operators.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Novidades do ES6: O Que H\u00e1 de Novo no JavaScript Moderno\" \/>\n<meta property=\"og:description\" content=\"Descubra as principais novidades do ES6, incluindo let e const, arrow functions, template literals, destructuring e spread\/rest operators.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/\" \/>\n<meta property=\"og:site_name\" content=\"WebMundi.com\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/webmundi.net\" \/>\n<meta property=\"article:author\" content=\"http:\/\/www.facebook.com\/webmundi.net\" \/>\n<meta property=\"article:published_time\" content=\"2024-07-21T17:04:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-21T17:04:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/localhost\/cmswebmundicom\/wp-content\/uploads\/capa-serie-javascript-webmundi-com-min.png\" \/>\n\t<meta property=\"og:image:width\" content=\"450\" \/>\n\t<meta property=\"og:image:height\" content=\"253\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Renato Sanches\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@http:\/\/twitter.com\/webmundi_com\" \/>\n<meta name=\"twitter:site\" content=\"@webmundi_com\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Renato Sanches\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"Article\",\n\t            \"@id\": \"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Renato Sanches\",\n\t                \"@id\": \"https:\/\/localhost\/cmswebmundicom\/#\/schema\/person\/2deb7f80cdeae68e2602c4702be722a0\"\n\t            },\n\t            \"headline\": \"Novidades do ES6: O Que H\u00e1 de Novo no JavaScript Moderno\",\n\t            \"datePublished\": \"2024-07-21T17:04:42+00:00\",\n\t            \"dateModified\": \"2024-07-21T17:04:44+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/\"\n\t            },\n\t            \"wordCount\": 465,\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/localhost\/cmswebmundicom\/#organization\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"http:\/\/localhost\/cmswebmundicom\/wp-content\/uploads\/capa-serie-javascript-webmundi-com-min.png\",\n\t            \"keywords\": [\n\t                \"Javascript\",\n\t                \"Tutorial JavaScript B\u00e1sico\",\n\t                \"Tutorial WebMundi.com\"\n\t            ],\n\t            \"articleSection\": [\n\t                \"JavaScript\"\n\t            ],\n\t            \"inLanguage\": \"pt-BR\"\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/\",\n\t            \"url\": \"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/\",\n\t            \"name\": \"Novidades do ES6: O Que H\u00e1 de Novo no JavaScript Moderno\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/localhost\/cmswebmundicom\/#website\"\n\t            },\n\t            \"primaryImageOfPage\": {\n\t                \"@id\": \"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"http:\/\/localhost\/cmswebmundicom\/wp-content\/uploads\/capa-serie-javascript-webmundi-com-min.png\",\n\t            \"datePublished\": \"2024-07-21T17:04:42+00:00\",\n\t            \"dateModified\": \"2024-07-21T17:04:44+00:00\",\n\t            \"description\": \"Descubra as principais novidades do ES6, incluindo let e const, arrow functions, template literals, destructuring e spread\/rest operators.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"pt-BR\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"ImageObject\",\n\t            \"inLanguage\": \"pt-BR\",\n\t            \"@id\": \"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/#primaryimage\",\n\t            \"url\": \"http:\/\/localhost\/cmswebmundicom\/wp-content\/uploads\/capa-serie-javascript-webmundi-com-min.png\",\n\t            \"contentUrl\": \"http:\/\/localhost\/cmswebmundicom\/wp-content\/uploads\/capa-serie-javascript-webmundi-com-min.png\",\n\t            \"width\": 450,\n\t            \"height\": 253,\n\t            \"caption\": \"Dicas de JavaScript b\u00e1sico para iniciantes\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/localhost\/cmswebmundicom\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Desenvolvimento de Software\",\n\t                    \"item\": \"https:\/\/localhost\/cmswebmundicom\/categorias\/desenvolvimento-de-sistemas\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 3,\n\t                    \"name\": \"JavaScript\",\n\t                    \"item\": \"https:\/\/localhost\/cmswebmundicom\/categorias\/desenvolvimento-de-sistemas\/javascript\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 4,\n\t                    \"name\": \"Novidades do ES6: O Que H\u00e1 de Novo no JavaScript Moderno\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/localhost\/cmswebmundicom\/#website\",\n\t            \"url\": \"https:\/\/localhost\/cmswebmundicom\/\",\n\t            \"name\": \"WebMundi.com\",\n\t            \"description\": \"Site e Canal YouTube com Dicas e Tutoriais sobre Tecnologia\",\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/localhost\/cmswebmundicom\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/localhost\/cmswebmundicom\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"pt-BR\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"https:\/\/localhost\/cmswebmundicom\/#organization\",\n\t            \"name\": \"Web Mundi : Tecnologia\",\n\t            \"url\": \"https:\/\/localhost\/cmswebmundicom\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"pt-BR\",\n\t                \"@id\": \"https:\/\/localhost\/cmswebmundicom\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"https:\/\/localhost\/cmswebmundicom\/wp-content\/uploads\/logo-web-mundi-com-preto-fundo-transparente.jpg\",\n\t                \"contentUrl\": \"https:\/\/localhost\/cmswebmundicom\/wp-content\/uploads\/logo-web-mundi-com-preto-fundo-transparente.jpg\",\n\t                \"width\": 295,\n\t                \"height\": 73,\n\t                \"caption\": \"Web Mundi : Tecnologia\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/localhost\/cmswebmundicom\/#\/schema\/logo\/image\/\"\n\t            },\n\t            \"sameAs\": [\n\t                \"http:\/\/www.facebook.com\/webmundi.net\",\n\t                \"https:\/\/x.com\/webmundi_com\",\n\t                \"https:\/\/www.instagram.com\/webmundi\/\",\n\t                \"http:\/\/www.pinterest.com\/webmundi\",\n\t                \"https:\/\/www.youtube.com\/channel\/UCqqJsllgIjDZjLE74Bba9og\"\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/localhost\/cmswebmundicom\/#\/schema\/person\/2deb7f80cdeae68e2602c4702be722a0\",\n\t            \"name\": \"Renato Sanches\",\n\t            \"description\": \"Executivo Tecnologia da Informa\u00e7\u00e3o | Gerente | Projetos | Infraestrutura | Sistemas | Desenvolvimento | Banco de Dados | Fundador Web Mundi | Propriet\u00e1rio XP IT Tecnologia\",\n\t            \"sameAs\": [\n\t                \"http:\/\/www.webmundi.com\/\",\n\t                \"http:\/\/www.facebook.com\/webmundi.net\",\n\t                \"https:\/\/www.instagram.com\/webmundi\/\",\n\t                \"https:\/\/www.linkedin.com\/company\/webmundi\/\",\n\t                \"http:\/\/www.pinterest.com\/webmundi\",\n\t                \"https:\/\/x.com\/http:\/\/twitter.com\/webmundi_com\",\n\t                \"https:\/\/www.youtube.com\/channel\/UCqqJsllgIjDZjLE74Bba9og\",\n\t                \"http:\/\/webmundi.tumblr.com\/\"\n\t            ]\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Novidades do ES6: O Que H\u00e1 de Novo no JavaScript Moderno","description":"Descubra as principais novidades do ES6, incluindo let e const, arrow functions, template literals, destructuring e spread\/rest operators.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/","og_locale":"pt_BR","og_type":"article","og_title":"Novidades do ES6: O Que H\u00e1 de Novo no JavaScript Moderno","og_description":"Descubra as principais novidades do ES6, incluindo let e const, arrow functions, template literals, destructuring e spread\/rest operators.","og_url":"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/","og_site_name":"WebMundi.com","article_publisher":"http:\/\/www.facebook.com\/webmundi.net","article_author":"http:\/\/www.facebook.com\/webmundi.net","article_published_time":"2024-07-21T17:04:42+00:00","article_modified_time":"2024-07-21T17:04:44+00:00","og_image":[{"width":450,"height":253,"url":"https:\/\/localhost\/cmswebmundicom\/wp-content\/uploads\/capa-serie-javascript-webmundi-com-min.png","type":"image\/png"}],"author":"Renato Sanches","twitter_card":"summary_large_image","twitter_creator":"@http:\/\/twitter.com\/webmundi_com","twitter_site":"@webmundi_com","twitter_misc":{"Escrito por":"Renato Sanches","Est. tempo de leitura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/#article","isPartOf":{"@id":"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/"},"author":{"name":"Renato Sanches","@id":"https:\/\/localhost\/cmswebmundicom\/#\/schema\/person\/2deb7f80cdeae68e2602c4702be722a0"},"headline":"Novidades do ES6: O Que H\u00e1 de Novo no JavaScript Moderno","datePublished":"2024-07-21T17:04:42+00:00","dateModified":"2024-07-21T17:04:44+00:00","mainEntityOfPage":{"@id":"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/"},"wordCount":465,"publisher":{"@id":"https:\/\/localhost\/cmswebmundicom\/#organization"},"image":{"@id":"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/#primaryimage"},"thumbnailUrl":"http:\/\/localhost\/cmswebmundicom\/wp-content\/uploads\/capa-serie-javascript-webmundi-com-min.png","keywords":["Javascript","Tutorial JavaScript B\u00e1sico","Tutorial WebMundi.com"],"articleSection":["JavaScript"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/","url":"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/","name":"Novidades do ES6: O Que H\u00e1 de Novo no JavaScript Moderno","isPartOf":{"@id":"https:\/\/localhost\/cmswebmundicom\/#website"},"primaryImageOfPage":{"@id":"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/#primaryimage"},"image":{"@id":"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/#primaryimage"},"thumbnailUrl":"http:\/\/localhost\/cmswebmundicom\/wp-content\/uploads\/capa-serie-javascript-webmundi-com-min.png","datePublished":"2024-07-21T17:04:42+00:00","dateModified":"2024-07-21T17:04:44+00:00","description":"Descubra as principais novidades do ES6, incluindo let e const, arrow functions, template literals, destructuring e spread\/rest operators.","breadcrumb":{"@id":"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/#primaryimage","url":"http:\/\/localhost\/cmswebmundicom\/wp-content\/uploads\/capa-serie-javascript-webmundi-com-min.png","contentUrl":"http:\/\/localhost\/cmswebmundicom\/wp-content\/uploads\/capa-serie-javascript-webmundi-com-min.png","width":450,"height":253,"caption":"Dicas de JavaScript b\u00e1sico para iniciantes"},{"@type":"BreadcrumbList","@id":"https:\/\/localhost\/cmswebmundicom\/desenvolvimento-de-sistemas\/javascript\/novidades-do-es6-javascript-moderno\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/localhost\/cmswebmundicom\/"},{"@type":"ListItem","position":2,"name":"Desenvolvimento de Software","item":"https:\/\/localhost\/cmswebmundicom\/categorias\/desenvolvimento-de-sistemas\/"},{"@type":"ListItem","position":3,"name":"JavaScript","item":"https:\/\/localhost\/cmswebmundicom\/categorias\/desenvolvimento-de-sistemas\/javascript\/"},{"@type":"ListItem","position":4,"name":"Novidades do ES6: O Que H\u00e1 de Novo no JavaScript Moderno"}]},{"@type":"WebSite","@id":"https:\/\/localhost\/cmswebmundicom\/#website","url":"https:\/\/localhost\/cmswebmundicom\/","name":"WebMundi.com","description":"Site e Canal YouTube com Dicas e Tutoriais sobre Tecnologia","publisher":{"@id":"https:\/\/localhost\/cmswebmundicom\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/localhost\/cmswebmundicom\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/localhost\/cmswebmundicom\/#organization","name":"Web Mundi : Tecnologia","url":"https:\/\/localhost\/cmswebmundicom\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/localhost\/cmswebmundicom\/#\/schema\/logo\/image\/","url":"https:\/\/localhost\/cmswebmundicom\/wp-content\/uploads\/logo-web-mundi-com-preto-fundo-transparente.jpg","contentUrl":"https:\/\/localhost\/cmswebmundicom\/wp-content\/uploads\/logo-web-mundi-com-preto-fundo-transparente.jpg","width":295,"height":73,"caption":"Web Mundi : Tecnologia"},"image":{"@id":"https:\/\/localhost\/cmswebmundicom\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/www.facebook.com\/webmundi.net","https:\/\/x.com\/webmundi_com","https:\/\/www.instagram.com\/webmundi\/","http:\/\/www.pinterest.com\/webmundi","https:\/\/www.youtube.com\/channel\/UCqqJsllgIjDZjLE74Bba9og"]},{"@type":"Person","@id":"https:\/\/localhost\/cmswebmundicom\/#\/schema\/person\/2deb7f80cdeae68e2602c4702be722a0","name":"Renato Sanches","description":"Executivo Tecnologia da Informa\u00e7\u00e3o | Gerente | Projetos | Infraestrutura | Sistemas | Desenvolvimento | Banco de Dados | Fundador Web Mundi | Propriet\u00e1rio XP IT Tecnologia","sameAs":["http:\/\/www.webmundi.com\/","http:\/\/www.facebook.com\/webmundi.net","https:\/\/www.instagram.com\/webmundi\/","https:\/\/www.linkedin.com\/company\/webmundi\/","http:\/\/www.pinterest.com\/webmundi","https:\/\/x.com\/http:\/\/twitter.com\/webmundi_com","https:\/\/www.youtube.com\/channel\/UCqqJsllgIjDZjLE74Bba9og","http:\/\/webmundi.tumblr.com\/"]}]}},"_links":{"self":[{"href":"http:\/\/localhost\/cmswebmundicom\/wp-json\/wp\/v2\/posts\/38796","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/localhost\/cmswebmundicom\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/localhost\/cmswebmundicom\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/localhost\/cmswebmundicom\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/localhost\/cmswebmundicom\/wp-json\/wp\/v2\/comments?post=38796"}],"version-history":[{"count":0,"href":"http:\/\/localhost\/cmswebmundicom\/wp-json\/wp\/v2\/posts\/38796\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/localhost\/cmswebmundicom\/wp-json\/wp\/v2\/media\/38235"}],"wp:attachment":[{"href":"http:\/\/localhost\/cmswebmundicom\/wp-json\/wp\/v2\/media?parent=38796"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/localhost\/cmswebmundicom\/wp-json\/wp\/v2\/categories?post=38796"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/localhost\/cmswebmundicom\/wp-json\/wp\/v2\/tags?post=38796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}