JavaScript 中的 ES5 与 ES6。14大变化⚠️

ES5 和 ES6 指的是 ECMAScript 标准的不同版本，该标准是一种脚本语言规范，是多种语言（包括 JavaScript）的基础。从 ES5 到 ES6（也称为 ECMAScript 2015）的演变带来了许多变化和改进。这是两者之间的比较：

1. Let 和 Const（变量声明）

ES5：声明变量的主要方法是使用var.
ES6：let针对块作用域变量声明和const块作用域常量变量声明而引入。

2.模板文字

ES5：字符串使用+.

var name = “John”; var greeting = "Hello, " + name + “!”;

ES6：引入了模板文字。

let name = “John”; let greeting = Hello, ${name}!;

3.箭头函数

ES5：
function(x) {
return x * x;
}
ES6：引入了箭头函数，它为编写函数提供了更短的语法。
x => x * x;

4.课程

ES5：原型继承用于模拟类似类的行为。
ES6：引入了class面向对象编程的关键字。

5.增强的对象文字

ES5：对象是用键值对定义的。
ES6：提供更短的语法来定义对象。
let name = “John”;
let obj = {name}; // Equivalent to {name: name}

6.解构

ES5：没有直接的方法。
ES6：允许以更简洁的方式从对象或数组中提取多个属性。
let person = { firstName: “John”, lastName: “Doe” };
let { firstName, lastName } = person;

7.默认+休息+传播

ES5：默认、剩余或扩展的处理是手动完成的。
ES6：引入了函数参数的默认值、…rest用于收集参数的参数以及…spread用于传播数组或对象的运算符。

8.模块

ES5：没有原生模块系统。开发人员依赖 CommonJS 或 AMD 等第三方解决方案。
ES6import ：引入了使用和的原生模块系统export。

9.承诺

ES5：回调用于异步操作。
ES6：引入了 Promise，以更结构化的方式处理异步操作。

10.For -of循环

ES5for ：使用or循环数组forEach。
ES6：引入了for-of用于迭代可迭代对象的循环。

11.集合、映射、WeakSet、WeakMap

ES5：没有直接等效项。
ES6：引入了这些集合类型来处理数据。

12.符号类型

ES5：没有这种类型。
ES6：引入了Symbol用于创建唯一标识符的类型。

13.数组和对象方法

ES5：有限的方法集。
ES6：引入了新方法，如Array.from、Array.of、Object.assign和许多其他方法。

14.参数处理

ES5：使用对象访问参数arguments。
ES6：直接支持处理剩余、默认和扩展参数。
这是一个高层次的比较。从 ES5 到 ES6 的过渡带来了许多其他详细的更改和改进，极大地增强了 JavaScript 语言。随着时间的推移，后续版本（例如 ES7/ES2016 及更高版本）添加了更多功能。