前言
JavaScript 是一门基于原型和头等函数的多范式高级解释型编程语言，它支持面向对象程序设计、指令式编程和函数式编程。自 1995年 诞生以来，JavaScript 已经取得了长足的进步。从简单的脚本语言到多功能、强大且广泛使用的编程语言，JavaScript 多年来经历了重大变化和增强。接下来我们根据 ES5 到最新的 ES2022通过代码示例来探索新功能。

ES5：基础
ECMAScript 5 (ES5) 于 2009 年推出，为现代 JavaScript 提供了坚实的基础。它带来了一些重要的功能和改进，包括严格模式、JSON 支持以及数组和字符串的几种新方法。

// 严格模式
"use strict";

// 一些新的数组方法
var numbers = [1, 2, 3, 4, 5];
var doubled = numbers.map(function (n) {
  return n * 2;
});
console.log(doubled); // [2, 4, 6, 8, 10]

ES6：下一代标准
ECMAScript 2015 (ES6)，也称为 ES2015，是 JavaScript 的下一代标准。它引入了许多功能，例如箭头函数、模板字符串、类和 let/const 变量声明等。

// 箭头函数
const add = (a, b) => a + b;
// 堆代码 duidaima.com
// 模版字符串
const name = "小卢";
console.log(`你好呀, ${name}!`);

// 类
class Animals {
  constructor(name) {
    this.species = species;
  }
  speak() {
    console.log(`你好，我是一只 ${this.species}。`);
  }
}

// Let 和 Const
let a = 100;
const b = 40;

ES7 到 ES10：渐进式改进
每年，ECMAScript 都会发布一个新版本，为开发者提供更多的特性和功能。ES7 到 ES10 对该语言进行了渐进式改进。async/await、拓展运算符和可选链等功能使 JavaScript 更加方便和强大。

// Async/Await
async function fetchData() {
  const response = await fetch("https://xxx.com/data");
  const data = await response.json();
  return data;
}
// 堆代码 duidaima.com
// 拓展运算符
const aaa = [1, 2, 3];
const bbb = [4, 5, 6];
const merged = [...aaa, ...bbb];

// 可选链
const animals = {
  type: "Cat"
};

const sex = animals?.sex; // undefined,不会报错

ES11 到 ES2022：持续创新
最新的 ECMAScript 版本，从 ES11 到 ES2022，不断创新。逻辑赋值运算符、动态导入等功能使 JavaScript 更加通用。

let name = null
name ||= '小卢'  // name 的值变成了 小卢

let name = '小卢'
name &&= null  // name 的值变成了 null

let name = null
name ??= '小卢'  // name 的值变成了 小卢

// 动态导入
const module = await import("./module.js");

写在最后
随着每个新版本的发布，该语言变得更具表现力、更高效且对开发人员更友好。通过了解最新的 ECMAScript 功能和最佳实践，你可以充分利用 JavaScript 的强大功能来构建现代、复杂的 Web 应用程序。无论是开发者还是用户，我们都可以期待 JavaScript 在未来继续为我们带来更多令人惊喜的创新和改变。