<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Ecmascript on Commentary of Takao</title><link>https://takao.blog/es/tags/ecmascript/</link><description>Recent content in Ecmascript on Commentary of Takao</description><generator>Hugo -- gohugo.io</generator><language>es</language><copyright>Commentary of Takao</copyright><lastBuildDate>Sun, 12 Jul 2026 04:12:51 +0900</lastBuildDate><atom:link href="https://takao.blog/es/tags/ecmascript/index.xml" rel="self" type="application/rss+xml"/><item><title>Cómo usar decoradores estándar en TypeScript</title><link>https://takao.blog/es/web/typescript-5-decorations-adoption/</link><pubDate>Sat, 05 Jul 2025 00:00:00 +0900</pubDate><guid>https://takao.blog/es/web/typescript-5-decorations-adoption/</guid><description>&lt;img src="https://takao.blog/img/thumbnail/typescript-5-decorations-adoption-es.png" alt="Featured image of post Cómo usar decoradores estándar en TypeScript" /&gt;&lt;h2 id="introducción"&gt;Introducción
&lt;/h2&gt;&lt;p&gt;TypeScript 5.0 introdujo soporte oficial para decoradores ECMAScript estándar (Stage 3/4), reemplazando los experimentales.&lt;/p&gt;
&lt;h2 id="decoradores-experimentales-vs-estándar"&gt;Decoradores experimentales vs estándar
&lt;/h2&gt;&lt;p&gt;Los experimentales requerían &lt;code&gt;experimentalDecorators: true&lt;/code&gt;. Los estándar funcionan por defecto y reciben un objeto &lt;code&gt;context&lt;/code&gt; con metadatos tipados.&lt;/p&gt;
&lt;h2 id="escribir-un-decorador-de-método-estándar"&gt;Escribir un decorador de método estándar
&lt;/h2&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-typescript" data-lang="typescript"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#66d9ef"&gt;function&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;logMethod&lt;/span&gt;&amp;lt;&lt;span style="color:#f92672"&gt;This&lt;/span&gt;, &lt;span style="color:#a6e22e"&gt;Args&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;extends&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;any&lt;/span&gt;&lt;span style="color:#960050;background-color:#1e0010"&gt;[]&lt;/span&gt;, &lt;span style="color:#a6e22e"&gt;Return&lt;/span&gt;&amp;gt;(
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#a6e22e"&gt;target&lt;/span&gt;&lt;span style="color:#f92672"&gt;:&lt;/span&gt; (&lt;span style="color:#66d9ef"&gt;this&lt;/span&gt;&lt;span style="color:#f92672"&gt;:&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;This&lt;/span&gt;, ...&lt;span style="color:#a6e22e"&gt;args&lt;/span&gt;: &lt;span style="color:#66d9ef"&gt;Args&lt;/span&gt;) &lt;span style="color:#f92672"&gt;=&amp;gt;&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;Return&lt;/span&gt;,
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#a6e22e"&gt;context&lt;/span&gt;: &lt;span style="color:#66d9ef"&gt;ClassMethodDecoratorContext&lt;/span&gt;&amp;lt;&lt;span style="color:#f92672"&gt;This&lt;/span&gt;, &lt;span style="color:#a6e22e"&gt;...&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;) { &lt;span style="color:#66d9ef"&gt;return&lt;/span&gt; &lt;span style="color:#66d9ef"&gt;function&lt;/span&gt;(&lt;span style="color:#66d9ef"&gt;this&lt;/span&gt;&lt;span style="color:#f92672"&gt;:&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;This&lt;/span&gt;, ...&lt;span style="color:#a6e22e"&gt;args&lt;/span&gt;: &lt;span style="color:#66d9ef"&gt;Args&lt;/span&gt;)&lt;span style="color:#f92672"&gt;:&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;Return&lt;/span&gt; { ... }; }
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="consideraciones-de-migración"&gt;Consideraciones de migración
&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;Verifica compatibilidad con reflect-metadata antes de deshabilitar flags experimentales.&lt;/li&gt;
&lt;li&gt;Los decoradores de parámetros fueron excluidos del estándar final. Solo pueden targetizar clases, métodos, campos y accessors.&lt;/li&gt;
&lt;/ol&gt;</description></item><item><title>Novedades de ES2024 en JavaScript</title><link>https://takao.blog/es/web/es2024-new-features/</link><pubDate>Tue, 12 Mar 2024 00:00:00 +0900</pubDate><guid>https://takao.blog/es/web/es2024-new-features/</guid><description>&lt;img src="https://takao.blog/img/thumbnail/es2024-new-features-es.png" alt="Featured image of post Novedades de ES2024 en JavaScript" /&gt;&lt;p&gt;ES2024 (ES15) introduce nuevas funcionalidades al lenguaje, centradas en async, arrays y gestión de datos.&lt;/p&gt;
&lt;h2 id="promisewithresolvers"&gt;Promise.withResolvers()
&lt;/h2&gt;&lt;p&gt;Crea una promesa con sus funciones resolve y reject expuestas externamente. Útil para promisificar APIs callback sin anidar constructores.&lt;/p&gt;
&lt;h2 id="array-grouping"&gt;Array Grouping
&lt;/h2&gt;&lt;p&gt;&lt;code&gt;Object.groupBy()&lt;/code&gt; y &lt;code&gt;Map.groupBy()&lt;/code&gt; agrupan elementos de un array según una función callback. Reemplaza implementaciones manuales con reduce.&lt;/p&gt;
&lt;h2 id="well-formed-unicode-strings"&gt;Well-formed Unicode Strings
&lt;/h2&gt;&lt;p&gt;&lt;code&gt;String.prototype.isWellFormed()&lt;/code&gt; y &lt;code&gt;toWellFormed()&lt;/code&gt; para manejar cadenas Unicode mal formadas. Previene errores en APIs que requieren Unicode válido.&lt;/p&gt;</description></item></channel></rss>