{"id":623,"date":"2024-07-30T19:31:38","date_gmt":"2024-07-30T17:31:38","guid":{"rendered":"https:\/\/blog.sutilweb.eu\/?page_id=623"},"modified":"2025-12-16T16:55:38","modified_gmt":"2025-12-16T15:55:38","slug":"01-introduccion-al-javascript","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/lenguajes\/javascript\/javascript-practico\/01-introduccion-al-javascript\/","title":{"rendered":"01. Introducci\u00f3n al JavaScript"},"content":{"rendered":"\n

En este cap\u00edtulo se hablar\u00e1 de algunos puntos importantes para tener contexto de lo que ha sido Javascript<\/strong> a lo largo de los a\u00f1os. Javascript<\/strong> fue creado sobre 1995 por Brendan Eich<\/strong>, el cual trabajaba en una empresa en los 90, la cual ya no existe, que ten\u00eda al navegador que compet\u00eda con Internet Explorer<\/strong>, que era Nextcape Navigator<\/strong>. La empresa Navigator<\/strong> le pide a Brendan<\/strong> que cree una tecnolog\u00eda que se pueda implementar en ese navegador web para poder hacer cosas din\u00e1micas como reaccionar a botones<\/strong>, enviar formularios<\/strong>…<\/p>\n\n\n\n\n\n\n\n

No confundir Javascript con Java<\/h2>\n\n\n\n

No se debe confundir Javascript<\/strong> con Java<\/strong>, son lenguajes completamente distintos. Javascript<\/strong> tuvo varios nombres al principio, entre ellos Mokka<\/strong> o LiveScript<\/strong>, pero por cuestiones de marketing, decidieron rebautizar a este lenguaje con el nombre que conocemos, Javascript<\/strong>.<\/p>\n\n\n\n

Evoluci\u00f3n de Javascript<\/h2>\n\n\n\n

En esta tabla vemos la evoluci\u00f3n que ha sufrido Javascript<\/strong> a lo largo de estos a\u00f1os.<\/p>\n\n\n\n

Edici\u00f3n<\/th>Publicaci\u00f3n<\/th>Cambios<\/th><\/tr><\/thead>
1<\/td>1997<\/td>Primera edici\u00f3n.<\/td><\/tr>
2<\/td>1998<\/td>Cambios editorales para mentener la especificaci\u00f3n completa alineada con el est\u00e1ndar internacional ISO\/IEC 16262<\/em>.<\/td><\/tr>
3<\/td>1999<\/td>Se agregaron expresiones regulares<\/strong>, mejor manejo de strings<\/strong>, nuevo control de declaraciones<\/strong>, manejo de excepciones<\/strong> con try\/catch<\/em><\/strong>, definici\u00f3n m\u00e1s estricta de errores<\/strong>, formato para la salida num\u00e9rica y otras mejoras.<\/td><\/tr>
4<\/td>Abandonado<\/td>La cuarta edici\u00f3n fue abandonada debido a diferencias pol\u00edticas respecto a la complejidad del lenguaje. Muchas caracter\u00edsticas propuestas para la cuarta edici\u00f3n fueron completamente abandonadas, algunas fueron propuestas para la edici\u00f3n ECMAScript Harmony<\/strong>.<\/td><\/tr>
5<\/td>2009<\/td>Agrega el modo estricto<\/strong> strict mode<\/code><\/strong>, un subconjunto destinado a proporcionar una mejor comprobaci\u00f3n de errores y evitar constructores propensos a errores. Aclara varias ambig\u00fcedades de la tercera edici\u00f3n, y afina el comportamiento de las implementaciones del \u00abmundo real\u00bb que difieren consistentemente desde esa especificaci\u00f3n. Agrega algunas nuevas caracter\u00edsticas, como getters<\/code><\/strong> y setters<\/code><\/strong>, librer\u00eda para el soporte de JSON<\/strong>, y una m\u00e1s completa reflexi\u00f3n sobre las propiedades<\/strong> de los objetos<\/strong>.<\/td><\/tr>
5.1<\/td>2011<\/td>Est\u00e1 completamente alineada con la tercera edici\u00f3n del est\u00e1ndar internacional ISO\/IEC 16262:2011<\/em>.<\/td><\/tr>
 <\/td> <\/td>Apartir del 2015 las actualizaciones son continuas teniendo una versi\u00f3n anual.<\/td><\/tr>
6<\/td>2015<\/td>ES2015<\/em> aka<\/em> ES6<\/em><\/a>.<\/td><\/tr>
7<\/td>2016<\/td>ES2016<\/em> aka<\/em> ES7<\/em><\/a>.<\/td><\/tr>
8<\/td>2017<\/td>ES2017<\/em> aka<\/em> ES8<\/em><\/a>.<\/td><\/tr>
9<\/td>2018<\/td>ES2018<\/em> aka<\/em> ES9<\/em><\/a>.<\/td><\/tr>
10<\/td>2019<\/td>ES2019<\/em> aka<\/em> ES10<\/em><\/a>.<\/td><\/tr>
ESNext<\/em><\/td>2020<\/td>A partir del 2020 las nuevas actualizaciones al est\u00e1ndar simplemente se bautizar\u00e1n como ESNext<\/em><\/a>.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Navegadores<\/h2>\n\n\n\n

A partir del a\u00f1o 2015, Chrome<\/strong> <\/a>desbanca a Internet Explorer<\/strong> como navegador m\u00e1s usado, y los navegadores actuales como Edge<\/strong><\/a>, Firefox<\/strong><\/a>, Opera<\/strong><\/a>, Safari<\/strong> y Chrome<\/strong> tienen la misma ruta cr\u00edtica de como van implementando las caracter\u00edsticas. A d\u00eda de hoy, los navegadores se van poniendo de acuerdo para tratar de soportar las mismas caracter\u00edsticas al mismo, tiempo, ya se pas\u00f3 por la \u00e9poca de la guerra de los navegadores<\/strong>. A partir de 2015, la gente de ECMAScript<\/strong> decide tener un est\u00e1ndar vivo, con el que salen nuevas caracter\u00edsticas, es decir, en 2015 hablamos de ES2015<\/strong> o ES6,<\/strong> en 2016 de ES2016<\/strong> o ES7…<\/strong> Y en 2020 se empieza a hablar de un nuevo concepto denominado ESNext,<\/strong> que no es m\u00e1s que un concepto para referirnos a las nuevas caracter\u00edsticas que van a venir.<\/p>\n","protected":false},"excerpt":{"rendered":"

En este cap\u00edtulo se hablar\u00e1 de algunos puntos importantes para tener contexto de lo que ha sido Javascript a lo […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":620,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-623","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Sutil Web","author_link":"https:\/\/sutilweb.eu\/index.php\/author\/sutilweb\/"},"uagb_comment_info":0,"uagb_excerpt":"En este cap\u00edtulo se hablar\u00e1 de algunos puntos importantes para tener contexto de lo que ha sido Javascript a lo […]","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/comments?post=623"}],"version-history":[{"count":2,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/623\/revisions"}],"predecessor-version":[{"id":5188,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/623\/revisions\/5188"}],"up":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/620"}],"wp:attachment":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media?parent=623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}