{"id":7115,"date":"2018-01-29T12:03:34","date_gmt":"2018-01-29T10:03:34","guid":{"rendered":"https:\/\/www.espai.es\/blog\/?p=7115"},"modified":"2021-09-13T20:48:19","modified_gmt":"2021-09-13T18:48:19","slug":"funciones-flecha-en-javascript","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/","title":{"rendered":"Funciones flecha en JavaScript"},"content":{"rendered":"<p>En el anterior art\u00edculo vimos algunas de las novedades \u00abrecientes\u00bb en Javascript, concretamente las <a href=\"https:\/\/www.espai.es\/blog\/2017\/12\/plantillas-de-cadena-de-texto-en-javascript\/\" target=\"_blank\" rel=\"noopener\">plantillas de cadena de texto<\/a>, el <strong>operador spread<\/strong> y los<strong> par\u00e1metros rest<\/strong>. En este nuevo art\u00edculo veremos otra novedad contempor\u00e1nea; las llamadas <strong>funciones flecha<\/strong>.<\/p>\n<h2>Las extra\u00f1as funciones flecha de JavaScript<\/h2>\n<p>Acostumbrados a las funciones convencionales, la primera vez que nos tropezamos con una funci\u00f3n flecha puede resultar algo inc\u00f3modo, ya que simplemente es <strong>otra forma diferente<\/strong>, y por lo tanto extra\u00f1a, <strong>de declarar una funci\u00f3n<\/strong>. Adem\u00e1s, <strong>tienen el inconveniente a\u00f1adido de que pueden adoptar formas muy variadas<\/strong>.<\/p>\n<p>Su estructura m\u00ednima es la siguiente:<\/p>\n<pre>\r\npar\u00e1metros =&gt; cuerpo\r\n<\/pre>\n<p>Lo primero que nos llama la atenci\u00f3n, es que ni tan siquiera parece c\u00f3digo, ya que aunque se pueden indicar <strong>par\u00e9ntesis para contener los par\u00e1metros<\/strong> y <strong>llaves para contener el cuerpo de la funci\u00f3n<\/strong>; no siempre son necesarios. De hecho, otra cosa que tampoco es necesaria, es darle un nombre a la funci\u00f3n.<\/p>\n<p>Veamos una versi\u00f3n m\u00e1s completa;<\/p>\n<pre>\r\nvar sumar = (a, b) =&gt; { return a+b; }\r\n<\/pre>\n<p>Esa funci\u00f3n, ser\u00eda lo mismo que esto;<\/p>\n<pre>\r\nfunction sumar(a, b) { return a+b; }\r\n<\/pre>\n<p>Como pod\u00e9is ver, no es tan diferente. El problema, como ya he comentado, es que <strong>muchas partes son opcionales<\/strong>.<\/p>\n<h2>Las diferentes formas que pueden adoptar las funciones flecha<\/h2>\n<ul>\n<li><strong>No es necesario colocar los par\u00e1metros entre par\u00e9ntesis si solo hay un par\u00e1metro<\/strong>.\n<pre>\r\nvar alCuadrado = a =&gt; { return a*a; }\r\ndocument.write(alCuadrado(3));\r\n<\/pre>\n<\/li>\n<li><strong>Si solo tenemos una instrucci\u00f3n en el cuerpo no necesitamos usar las llaves<\/strong>. De hecho, <strong>si es el resultado de la funci\u00f3n, nos podemos ahorrar el result<\/strong>.\n<pre>\r\nvar alCuadrado = a =&gt; a*a;\r\ndocument.write(alCuadrado(4));\r\n<\/pre>\n<\/li>\n<li><strong>No es necesario darle un nombre a la funci\u00f3n, de hecho, son funciones an\u00f3nimas, no tienen nombre<\/strong>. Por lo que para invocar a la funci\u00f3n, deberemos de guardarla en una variable que har\u00e1 de nombre (tal y como se puede ver en los anteriores ejemplos), o bien usaremos otras formas de ejecutarla, como por ejemplo, pasar la funci\u00f3n como par\u00e1metro de otra funci\u00f3n (es decir, una callback).\n<pre>\r\nfunction mostrarResultado(operacionA, operacionB) {\r\n  document.write(operacionA()+operacionB());\r\n} \r\nmostrarResultado(() =&gt; 2+2, () =&gt; 3*3);\r\n<\/pre>\n<p>Tambi\u00e9n <strong>existe la posibilidad de declarar y ejecutar la funci\u00f3n directamente<\/strong>. Para ello la colocaremos entre par\u00e9ntesis y despu\u00e9s colocaremos otro par de par\u00e9ntesis vac\u00edos como cuando llamamos a cualquier funci\u00f3n.<\/p>\n<pre>\r\n(() =&gt; { alert(&quot;Hola!&quot;); })();\r\n<\/pre>\n<\/li>\n<li>Para acabar de liarla, <b>si lo que queremos es devolver un objeto, pero no queremos usar la palabra clave return, deberemos de usar par\u00e9ntesis\u00a0para contener el objeto devuelto.<\/b>\n<pre>\r\nvar calculos = (a,b) =&gt; ( {suma:a+b, resta:a-b, mult:a*b} )\r\ndocument.write(JSON.stringify(calculos(3,2)));\r\n<\/pre>\n<\/li>\n<\/ul>\n<p>Y b\u00e1sicamente ya est\u00e1. No hay mucho m\u00e1s que a\u00f1adir. Tan solo ten\u00e9is que tener en cuenta que\u00a0<strong>no se pueden usar como funciones constructoras de objetos<\/strong>.<\/p>\n<div id=\"attachment_7156\" style=\"width: 750px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-7156\" class=\"size-full wp-image-7156\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/01\/func-flecha.jpg\" alt=\"Las funciones flecha de JavaScript\" width=\"740\" height=\"416\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/01\/func-flecha.jpg 740w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/01\/func-flecha-300x169.jpg 300w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><p id=\"caption-attachment-7156\" class=\"wp-caption-text\">Las funciones flecha de JavaScript<\/p><\/div>\n<h2>\u00bfPara qu\u00e9 sirve esta nueva forma tan rebuscada de escribir una funci\u00f3n?<\/h2>\n<p>Pues b\u00e1sicamente es una forma m\u00e1s moderna (y\u00a0se supone que m\u00e1s elegante y breve) de escribir\u00a0funciones.<\/p>\n<p>\u00bfSolo sirven para eso?<\/p>\n<p>En realidad no, ya que <strong>tambi\u00e9n sirven para resolver <a href=\"http:\/\/www.i-programmer.info\/programmer-puzzles\/137-javascript\/1922-the-this-problem.html\" target=\"_blank\" rel=\"noopener\">un problema cl\u00e1sico de JavaScript<\/a> con la palabra clave this<\/strong>.<\/p>\n<p>\u00bfEn que consiste este problema? Lo mejor es\u00a0que veamos un ejemplo: un c\u00f3digo como el siguiente, deber\u00eda de funcionar, pero no lo hace.<\/p>\n<pre>\r\nfunction Mensaje(msg){\r\n  this.msg=msg;\r\n  this.mostrar=function(){\r\n    alert(this.msg);\r\n  };\r\n}\r\n\r\nvar x = new Mensaje(&quot;Hola mundo!&quot;);\r\nvar metodo = x.mostrar;\r\nx.mostrar(); \/\/ si funciona\r\nmetodo(); \/\/ no funciona (y deber\u00eda)\r\n<\/pre>\n<p>Una forma de solucionar este problema es con <a href=\"https:\/\/developer.mozilla.org\/es\/docs\/Web\/JavaScript\/Referencia\/Objetos_globales\/Function\/bind\" target=\"_blank\" rel=\"noopener\">el m\u00e9todo bind<\/a>, que nos permite indicar quien har\u00e1 el papel de this. Como en nuestro caso queremos que sea el propio objeto, la asignaci\u00f3n de la variable m\u00e9todo la realizar\u00edamos de este modo;<\/p>\n<pre>\r\nvar metodo = x.mostrar.bind(x);\r\n<\/pre>\n<p>Lo cual no es ni muy limpio, ni muy intuitivo, la verdad (de hecho, no deja de ser una chapucilla). <strong>Si usamos una funci\u00f3n flecha<\/strong>, por el contrario, <strong>el c\u00f3digo funciona tal y como era de esperar sin necesidad de usar el m\u00e9todo bind<\/strong>.<\/p>\n<pre>\r\nfunction Mensaje(msg){\r\n  this.msg=msg;\r\n  this.mostrar = () =&gt; {\r\n    alert(this.msg);\r\n  };\r\n}\r\n\r\nvar x = new Mensaje(&quot;Hola mundo!&quot;);\r\nvar metodo = x.mostrar;\r\nx.mostrar(); \/\/ si funciona\r\nmetodo(); \/\/ tambi\u00e9n funciona tal y como ser\u00eda de esperar\r\n<\/pre>\n<p>No voy entrar en los detalles de porque se produce este problema, pero pod\u00e9is encontrar m\u00e1s informaci\u00f3n en los enlaces anteriores. El tema es que este problema puede resultar bastante molesto, por lo que cuando os surja, ya sab\u00e9is como solventarlo. Tened en cuenta que el ejemplo no es la \u00fanica forma en la que se manifiesta el problema, pero siempre consiste en lo mismo, en la dificultad para acceder a un this que realmente haga referencia al objeto (tal y como ser\u00eda de esperar).<\/p>\n<h2>Las amistades de verdad requieren tiempo<\/h2>\n<p>As\u00ed que nada, si alguna vez os encontr\u00e1is con =&gt; en un c\u00f3digo JavaScript\u00a0ya sab\u00e9is de que se trata. Personalmente no soy muy fan debido a las m\u00faltiples formas que pueden adoptar (prefiero escribir un poco m\u00e1s y tener c\u00f3digo m\u00e1s legible), pero es cierto que para casos como el problema del this, las funciones flecha permiten un c\u00f3digo m\u00e1s limpio y claro. Supongo que con el tiempo y la costumbre\u00a0me ir\u00e9 familiarizando con esta nueva sintaxis y qui\u00e9n sabe, tal vez les coja cari\u00f1o y todo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En el anterior art\u00edculo vimos algunas de las novedades \u00abrecientes\u00bb en Javascript, concretamente las plantillas de cadena de texto, el operador spread y los par\u00e1metros rest. En este nuevo art\u00edculo veremos otra novedad contempor\u00e1nea; las llamadas funciones flecha. Las extra\u00f1as funciones flecha de JavaScript Acostumbrados&#8230;<\/p>\n","protected":false},"author":23,"featured_media":7527,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[7,5],"tags":[595,253],"class_list":["post-7115","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-programacion","tag-es2015","tag-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Funciones flecha en JavaScript - Blog Escola Espai<\/title>\n<meta name=\"description\" content=\"En este art\u00edculo veremos que son y como como funcionan las funciones flecha, las cuales fueron una de las novedades de ES2015 m\u00e1s destacadas.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Funciones flecha en JavaScript - Blog Escola Espai\" \/>\n<meta property=\"og:description\" content=\"En este art\u00edculo veremos que son y como como funcionan las funciones flecha, las cuales fueron una de las novedades de ES2015 m\u00e1s destacadas.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2018-01-29T10:03:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-13T18:48:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/01\/Funciones-flecha-en-JavaScript.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"508\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Abel Camarena\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Abel Camarena\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/\"},\"author\":{\"name\":\"Abel Camarena\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897\"},\"headline\":\"Funciones flecha en JavaScript\",\"datePublished\":\"2018-01-29T10:03:34+00:00\",\"dateModified\":\"2021-09-13T18:48:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/\"},\"wordCount\":820,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/01\/Funciones-flecha-en-JavaScript.jpg\",\"keywords\":[\"ES2015\",\"javascript\"],\"articleSection\":[\"Dise\u00f1o Web\",\"Programaci\u00f3n\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/\",\"name\":\"Funciones flecha en JavaScript - Blog Escola Espai\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/01\/Funciones-flecha-en-JavaScript.jpg\",\"datePublished\":\"2018-01-29T10:03:34+00:00\",\"dateModified\":\"2021-09-13T18:48:19+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897\"},\"description\":\"En este art\u00edculo veremos que son y como como funcionan las funciones flecha, las cuales fueron una de las novedades de ES2015 m\u00e1s destacadas.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/01\/Funciones-flecha-en-JavaScript.jpg\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/01\/Funciones-flecha-en-JavaScript.jpg\",\"width\":1024,\"height\":508,\"caption\":\"Funciones flecha en JavaScript\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Funciones flecha en JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897\",\"name\":\"Abel Camarena\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/035501b0f14e120b1a49121758e2056b8d589fc43b9d3c3ad3670a197a90dddf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/035501b0f14e120b1a49121758e2056b8d589fc43b9d3c3ad3670a197a90dddf?s=96&d=mm&r=g\",\"caption\":\"Abel Camarena\"},\"sameAs\":[\"http:\/\/www.espai.es\"],\"url\":\"https:\/\/www.espai.es\/blog\/author\/abel\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Funciones flecha en JavaScript - Blog Escola Espai","description":"En este art\u00edculo veremos que son y como como funcionan las funciones flecha, las cuales fueron una de las novedades de ES2015 m\u00e1s destacadas.","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:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/","og_locale":"es_ES","og_type":"article","og_title":"Funciones flecha en JavaScript - Blog Escola Espai","og_description":"En este art\u00edculo veremos que son y como como funcionan las funciones flecha, las cuales fueron una de las novedades de ES2015 m\u00e1s destacadas.","og_url":"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/","og_site_name":"Blog Escola Espai","article_published_time":"2018-01-29T10:03:34+00:00","article_modified_time":"2021-09-13T18:48:19+00:00","og_image":[{"width":1024,"height":508,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/01\/Funciones-flecha-en-JavaScript.jpg","type":"image\/jpeg"}],"author":"Abel Camarena","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Abel Camarena","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/"},"author":{"name":"Abel Camarena","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897"},"headline":"Funciones flecha en JavaScript","datePublished":"2018-01-29T10:03:34+00:00","dateModified":"2021-09-13T18:48:19+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/"},"wordCount":820,"commentCount":0,"image":{"@id":"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/01\/Funciones-flecha-en-JavaScript.jpg","keywords":["ES2015","javascript"],"articleSection":["Dise\u00f1o Web","Programaci\u00f3n"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/","url":"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/","name":"Funciones flecha en JavaScript - Blog Escola Espai","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/01\/Funciones-flecha-en-JavaScript.jpg","datePublished":"2018-01-29T10:03:34+00:00","dateModified":"2021-09-13T18:48:19+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897"},"description":"En este art\u00edculo veremos que son y como como funcionan las funciones flecha, las cuales fueron una de las novedades de ES2015 m\u00e1s destacadas.","breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/01\/Funciones-flecha-en-JavaScript.jpg","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/01\/Funciones-flecha-en-JavaScript.jpg","width":1024,"height":508,"caption":"Funciones flecha en JavaScript"},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2018\/01\/funciones-flecha-en-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"Funciones flecha en JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897","name":"Abel Camarena","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/035501b0f14e120b1a49121758e2056b8d589fc43b9d3c3ad3670a197a90dddf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/035501b0f14e120b1a49121758e2056b8d589fc43b9d3c3ad3670a197a90dddf?s=96&d=mm&r=g","caption":"Abel Camarena"},"sameAs":["http:\/\/www.espai.es"],"url":"https:\/\/www.espai.es\/blog\/author\/abel\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2018\/01\/Funciones-flecha-en-JavaScript.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/7115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=7115"}],"version-history":[{"count":32,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/7115\/revisions"}],"predecessor-version":[{"id":12284,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/7115\/revisions\/12284"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/7527"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=7115"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=7115"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=7115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}