ES5 y ES6 se refieren a diferentes versiones del est\u00e1ndar ECMAScript, una especificaci\u00f3n de lenguaje de scripting que sirve de base para varios lenguajes, incluyendo JavaScript. La evoluci\u00f3n de ES5 a ES6 (tambi\u00e9n conocido como ECMAScript 2015) trajo consigo numerosos cambios y mejoras. A continuaci\u00f3n, se presenta una comparaci\u00f3n entre ambos:<\/p>\n
ES5:<\/strong> La forma principal de definir variables es utilizar ES5:<\/strong> Cadenas que utilizan ES6:<\/strong> Se introdujeron patrones de cuerdas.<\/p>\n ES5<\/strong>:<\/p>\n ES6:<\/strong> Se introdujeron las funciones de flecha, que proporcionan una notaci\u00f3n m\u00e1s corta para escribir funciones.<\/p>\n ES5:<\/strong> Se utiliz\u00f3 la herencia protot\u00edpica para simular el comportamiento de las clases. ES5:<\/strong> Los objetos se definieron mediante pares clave-valor. ES5:<\/strong> No hab\u00eda un m\u00e9todo directo. ES5<\/strong>:<\/strong> La gesti\u00f3n de valores predeterminados, de reposo o de spread se realizaba de forma manual. ES5:<\/strong> No exist\u00eda un sistema de m\u00f3dulos nativo. Los desarrolladores utilizaban soluciones de terceros como CommonJS o AMD. ES5:<\/strong> Se utilizaron devoluciones de llamadas para operaciones asincr\u00f3nicas. ES5:<\/strong> Para iterar sobre matrices, utilice bucles. ES5:<\/strong> No hubo equivalente directo. ES5:<\/strong> No exist\u00eda tal cosa. ES5:<\/strong> Un conjunto limitado de m\u00e9todos. ES5:<\/strong> Par\u00e1metros que utilizan objetos Esta es una comparaci\u00f3n de alto nivel. La transici\u00f3n de ES5 a ES6 trajo consigo numerosos cambios y mejoras que enriqueceron considerablemente el lenguaje JavaScript. Con el tiempo, versiones posteriores (como ES7\/ES2016 y posteriores) a\u00f1adieron m\u00e1s funciones al lenguaje.<\/p>","protected":false},"excerpt":{"rendered":"Introducci\u00f3n ES5 y ES6 hacen referencia a diferentes versiones del est\u00e1ndar ECMAScript, que es una especificaci\u00f3n del lenguaje de scripting y\u2026","protected":false},"author":1,"featured_media":16489,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_focuskw":"\u064dEs5 \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 Es6","_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","_yoast_wpseo_canonical":"","_yoast_wpseo_opengraph-description":"","_yoast_wpseo_opengraph-image":"","_yoast_wpseo_twitter-description":"","_yoast_wpseo_twitter-image":"","_yoast_wpseo_focuskeywords":"[]","_yoast_wpseo_primary_category":"193","footnotes":""},"categories":[193,363],"tags":[384],"class_list":{"0":"post-16486","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tutorials","8":"category-programming","9":"tag-java-script"},"yoast_head":"\nvariedad<\/code> Fue.
\nES6:<\/strong> Introducci\u00f3n dejar<\/code> Para definir variables basadas en bloques y constante<\/code> Para definir variables constantes basadas en bloques.<\/p>\n2. Literales de plantilla<\/h2>\n
+<\/code> Estaban conectados.<\/p>\nvar name = \"John\";\r\nvar greeting = \"Hello, \" + name + \"!\";<\/code><\/pre>\n<\/div>\n let name = \"John\";\r\nlet greeting = `Hello, ${name}!`;<\/code><\/pre>\n<\/div>\nFunciones de flecha .3<\/h2>\n
function(x) {\r\nreturn x * x;\r\n}<\/code><\/pre>\n<\/div>\n x => x * x;\r\n<\/code><\/pre>\n<\/div>\n4. Clases<\/h2>\n
\nES6:<\/strong> Palabra clave clase<\/code> Fue introducido para la programaci\u00f3n orientada a objetos.<\/p>\n5. Literales de objeto mejorados<\/h2>\n
\nES6:<\/strong> Proporciona una notaci\u00f3n m\u00e1s corta para definir objetos.<\/p>\n let name = \"John\";\r\nlet obj = {name}; \/\/ Equivalent to {name: name}<\/code><\/pre>\n<\/div>\n6. Desestructuraci\u00f3n<\/h2>\n
\nES6:<\/strong> Ahora es posible extraer m\u00faltiples propiedades de un objeto o matriz de una manera m\u00e1s concisa.<\/p>\nlet person = { firstName: \"John\", lastName: \"Doe\" };\r\nlet { firstName, lastName } = person;<\/code><\/pre>\n<\/div>\n7. Valores predeterminados, Rest y Spread<\/h2>\n
\nES6:<\/strong> Valores predeterminados para los par\u00e1metros de funci\u00f3n, par\u00e1metro ...descansar<\/code> Para recopilar argumentos y operadores ...desparramar<\/code> Introducido para expandir una matriz o un objeto.<\/p>\n8. M\u00f3dulos<\/h2>\n
\nES6:<\/strong> Sistema de m\u00f3dulos nativos que utiliza importar<\/code> y exportar<\/code> Introducido.<\/p>\n9. Promesas<\/h2>\n
\nES6:<\/strong> Se introdujeron promesas para gestionar operaciones asincr\u00f3nicas de una manera m\u00e1s estructurada.<\/p>\n10. bucle for-of<\/h2>\n
para<\/code> O para cada uno<\/code> Fue utilizado.
\nES6:<\/strong> Anillo para-de<\/code> Se introdujo para iterar sobre objetos iterables.<\/p>\nConjunto, Mapa, Conjunto D\u00e9bil, MapaD\u00e9bil 11<\/h2>\n
\nES6:<\/strong> Este tipo de colecciones se introdujeron para la gesti\u00f3n de datos.<\/p>\n12. Tipo de s\u00edmbolo<\/h2>\n
\nES6:<\/strong> Tipo S\u00edmbolo<\/code> Introducido para crear identificadores \u00fanicos.<\/p>\n13. M\u00e9todos de matriz y objeto<\/h2>\n
\nES6:<\/strong> Nuevos m\u00e9todos como Matriz.de<\/code>, Matriz de<\/code>, Objeto.asignar<\/code> Y se introdujeron muchos otros.<\/p>\n14. Gesti\u00f3n de par\u00e1metros<\/h2>\n
argumentos<\/code> Se concedi\u00f3 el acceso.
\nES6:<\/strong> Soporte directo para la gesti\u00f3n de par\u00e1metros mediante descansar<\/code>, por defecto<\/code> y desparramar<\/code>.<\/p>\nResultado<\/h2>\n