1. 变量声明
es5：
使用var来声明变量。它具有函数作为范围，并且可以引起提升。
var nombre = 'maria';
es6：
引入了以 block 作为作用域的 let 和 const，改进了变量处理中的安全性。
let nombre = 'maria'; // variable que puede cambiarconst edad = 30; // constante, no puede cambiar
2. 箭头函数
es5：
传统函数需要更多代码，并且您对此的处理可能会令人困惑。
var suma = function(a, b) { return a + b;};
es6：
箭头函数更加简洁，并且不会改变 this 的上下文。
const suma = (a, b) => a + b;
3. 模板字符串
es5：
字符串连接是使用 + 运算符完成的。
var saludo = 'hola ' + nombre + ', tienes ' + edad + ' años.';
es6：
反引号 (`) 用于创建字符串模板，允许插值。
const saludo = `hola ${nombre}, tienes ${edad} años.`;
4. 默认参数
es5：
不支持默认参数，所以是手动实现的。
function saludo(nombre) { nombre = nombre || 'invitado'; return 'hola ' + nombre;}
es6：
默认参数直接在函数签名中声明。
function saludo(nombre = 'invitado') { return `hola ${nombre}`;}
5. 课程
es5：
类的概念不存在。使用了构建器函数和原型。
function persona(nombre, edad) { this.nombre = nombre; this.edad = edad;}persona.prototype.saludar = function() { return 'hola, soy ' + this.nombre;};
es6：
引入了类，这是一种更接近其他编程语言的更清晰的语法。
class persona { constructor(nombre, edad) { this.nombre = nombre; this.edad = edad; } saludar() { return `hola, soy ${this.nombre}`; }}
6. 模块（导入和导出）
es5：
没有对模块的本机支持。使用了诸如 requirejs 或 commonjs 之类的库。
// commonjsvar modulo = require('modulo');module.exports = modulo;
es6：
引入了对导入和导出模块的本机支持。
// exportarexport const suma = (a, b) => a + b;// importarimport { suma } from './modulo';
7. 承诺
es5：
没有原生的 promise 处理。依靠回调来处理异步，导致了“回调地狱”等问题。
function haceralgo(callback) { settimeout(function() { callback('hecho'); }, 1000);}haceralgo(function(resultado) { console.log(resultado);});
es6：
promise 的引入是为了更干净地处理异步操作。
const haceralgo = () => { return new promise((resolve, reject) => { settimeout(() => resolve('hecho'), 1000); });};haceralgo().then(resultado => console.log(resultado));
8. 休息和伸展操作员
es5：
不支持轻松组合或分离数组或对象。使用了诸如 apply 之类的技术。
function sumar(a, b, c) { return a + b + c;}var numeros = [1, 2, 3];sumar.apply(null, numeros);
es6：
引入 rest 和 spread 运算符是为了更轻松地处理参数列表和数组。
// spreadconst numeros = [1, 2, 3];const resultado = sumar(...numeros);// restfunction sumar(...numeros) { return numeros.reduce((a, b) => a + b, 0);}
9. 解构
es5：
从对象或数组中提取值是手动的并且容易出错。
var persona = { nombre: 'maria', edad: 30 };var nombre = persona.nombre;var edad = persona.edad;
es6：
解构的引入是为了以更干净的方式从对象和数组中提取值。
const { nombre, edad } = persona;
结论
ecmascript 6 (es6) 带来了大量语法和功能改进，简化了 javascript 的开发，使其比 ecmascript 5 (es5) 更具可读性、可维护性和高效性。
以上就是ECMAScript ES 和 ECMAScript ES6 之间的比较）的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1492351.html
微信扫一扫 
支付宝扫一扫 
