ES9 中的对象表示法和常规表达式的区别
ES9（又称 ES2018）是 ECMAScript 标准的第九个版本，它在语言特性、语法和API方面都有很多改进和增强。其中，对象表示法和常规表达式是两个比较重要的部分，本文将详细介绍它们的区别，同时提供示例代码和学习指导。
对象表示法
对象表示法是一种简化对象字面量书写的语法糖，可以让我们更方便地创建和操作对象。在 ES6 中，它已经有了一些改进，比如支持计算属性名和方法简写等。而在 ES9 中，又新增了一些语法特性，如下所示：
- 对象字面量中的 rest 属性
在 ES9 中，我们可以使用 rest 属性来收集对象字面量中未捕获的属性，它的写法与函数中的 rest 参数类似，使用三个点（...）表示。例如：
const { a, b, ...rest } = { a: 1, b: 2, c: 3, d: 4 };
console.log(rest); // { c: 3, d: 4 }上面的代码中，我们使用解构赋值从对象中提取 a 和 b 两个属性，并使用 rest 属性收集剩余的属性。最终输出的 rest 对象中只包含 c 和 d 两个属性。
- 对象字面量中的可选 catch 绑定
在 ES9 中，我们可以使用可选 catch 绑定来捕获 try-catch 语句中的异常，并将异常绑定到一个变量上。如果 try 块中没有发生异常，那么 catch 块中的代码将不会执行。例如：
try {
// ...
} catch { // 省略了异常类型
// ...
}上面的代码中，我们省略了 catch 块中的异常类型，这样就可以捕获任意类型的异常。如果需要指定异常类型，可以使用传统的 catch(e) 形式。
- 对象字面量中的扩展运算符
ES9 中，我们可以使用扩展运算符（...）将一个对象中的所有属性展开到另一个对象中。例如：
const obj1 = { a: 1, b: 2 };
const obj2 = { ...obj1, c: 3 };
console.log(obj2); // { a: 1, b: 2, c: 3 }上面的代码中，我们使用扩展运算符将 obj1 中的属性展开到 obj2 中，并添加了一个新的属性 c。
常规表达式
常规表达式是一种用于匹配字符串模式的语法，它可以帮助我们快速地搜索、替换和验证字符串。在 ES9 中，常规表达式也有了一些改进，如下所示：
- 命名捕获组
在 ES9 中，我们可以使用命名捕获组来给捕获的子字符串命名，这样可以更方便地使用它们，而不需要通过索引来访问。例如：
const re = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const result = re.exec('2022-01-01');
console.log(result.groups.year); // '2022'
console.log(result.groups.month); // '01'
console.log(result.groups.day); // '01'上面的代码中，我们使用命名捕获组给年、月、日三个子字符串命名，并通过 result.groups 对象访问它们。
- 后行断言
在 ES9 中，我们可以使用后行断言来匹配某个字符串后面的内容，它的写法是在匹配模式前加上 (?<=...)，例如：
const re = /(?<=\w+)\d+/;
const result = re.exec('abc123');
console.log(result[0]); // '123'上面的代码中，我们使用后行断言匹配数字字符串后面的字母字符串。
总结
ES9 中的对象表示法和常规表达式都是语言特性的增强，它们可以让我们更方便地创建和操作对象，以及更灵活地匹配字符串模式。在学习和使用这些特性时，我们需要注意它们的语法和用法，以避免出现错误和不必要的麻烦。下面是一些学习和指导建议：
- 熟悉 ES9 中的对象表示法和常规表达式的语法和用法；
- 尝试使用对象表示法来创建和操作对象，比如使用 rest 属性、可选 catch 绑定和扩展运算符等；
- 尝试使用常规表达式来匹配字符串模式，比如使用命名捕获组和后行断言等；
- 注意特性的兼容性和局限性，以及如何在实际项目中使用它们；
- 不断学习和探索，以提高自己的编程技能和实践经验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6634cdced3423812e424caca