从 ES6 到 ES11：JavaScript 新功能快速指南
JavaScript 是一门非常流行的编程语言，随着 Web 应用的日益普及，JavaScript 的使用也越来越广泛。为了不断提高 JavaScript 在 Web 开发中的作用，JavaScript 的开发者们不断推出新的标准和规范，其中就包括 ES6 到 ES11 这几个版本。本文将介绍 ES6 到 ES11 中的一些新特性和功能，以便开发者更好地了解和使用 JavaScript。
一、const 和 let 关键字
在 ES6 中，新增了两个关键字 const 和 let。它们可以分别用来声明常量和变量，其中常量在声明之后不可被更改，而变量可以被重新赋值。这样可以更好地控制和管理代码，避免因为变量误操作导致的错误。
示例代码：
const PI = 3.14; // 常量 let age = 18; // 变量 age = 19;
二、箭头函数
箭头函数是 ES6 中新增的一种简化语法形式，它可以更快地定义函数体并返回结果。使用箭头函数可以大大提高代码的简洁性和可读性。
示例代码：
const sum = (x,y) => x + y;
三、模板字符串
模板字符串是 ES6 中新增的一种字符串定义方式，它可以更方便地拼接字符串，也可以嵌入变量和表达式。使用模板字符串可以有效避免因为字符串格式错误导致的问题。
示例代码：
const name = 'Tom';
const age = 18;
console.log(My name is ${name}, and I am ${age} years old.);
四、类和继承
ES6 中引入了类和继承的概念，这使得 JavaScript 可以更好地实现面向对象编程。与传统的 JavaScript 函数相比，类和继承可以更方便的实现代码扩展和代码重用。
示例代码：
class Animal { constructor(name, age) { this.name = name; this.age = age; } run() { console.log('I am running'); } }
class Dog extends Animal { constructor(name, age) { super(name, age); } bark() { console.log('Woof Woof!'); } }
const dog = new Dog('Tommy', 2); dog.run(); dog.bark();
五、Promise
Promise 是 ES6 引入的一种异步编程方式，它可以更灵活地控制异步操作的执行顺序，并在异步操作完成后返回结果。使用 Promise 可以避免回调地狱和减少代码的嵌套。
示例代码：
function doSomething() { return new Promise((resolve, reject) => { setTimeout(() => { resolve('Complete'); }, 1000); }); }
doSomething().then((result) => { console.log(result); });
六、async/await
async/await 是 ES7 中新增的一种异步编程方式，它可以更直观地表达异步操作的执行顺序。async/await 本质上就是 Promise 的语法糖，在使用时可以更加简洁方便。
示例代码：
function doSomething() { return new Promise((resolve, reject) => { setTimeout(() => { resolve('Complete'); }, 1000); }); }
async function execute() { const result = await doSomething(); console.log(result); }
execute();
七、Nullish 合并运算符
Nullish 合并运算符是 ES11 中新增的一种运算符，它可以更方便地处理 null 和 undefined 的情况。Nullish 合并运算符只有在左侧的值为 null 或 undefined 时才会返回右侧的值，否则返回左侧的值。
示例代码：
const a = null; const b = 2; const c = a ?? b; console.log(c);
总结
ES6 到 ES11 中新增了很多有用的功能和语法，这些功能和语法可以更方便地实现 JavaScript 代码的简洁性和可读性。通过学习这些新功能和语法，开发者可以更好地掌握 JavaScript 的使用，从而更好地实现 Web 应用的开发。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/654062bd7d4982a6eb9dea2f