随着 JavaScript 的不断发展，ES9（ECMAScript 2018）带来了许多新的特性，如异步迭代、正则表达式命名捕获组、Rest/Spread 属性等。然而，在使用这些新特性时，我们可能会遇到一些报错问题。本文将为大家介绍一些常见的 ES9 报错问题及其解决方案，帮助大家更好地使用 ES9 新特性。
1. 报错：SyntaxError: Unexpected token ‘.’
当使用对象 Rest/Spread 属性时，在对象内部加入 ‘...’ 可能会导致 “Unexpected token ‘.’” 的报错。如以下代码：
const person1 = { name: "Tom", age: 21 }; const person2 = { ...person1, gender: "male" };
解决方案：使用 babel 转译器进行转译。安装 @babel/plugin-proposal-object-rest-spread 插件后，将代码转译如下：
var _objectSpread = function (target) { ... }; var person1 = { name: "Tom", age: 21 }; var person2 = _objectSpread({}, person1, { gender: "male" });
2. 报错：TypeError: Cannot convert undefined or null to object
当使用对象解构时，如果解构的对象为 null 或 undefined，将会报错：“TypeError: Cannot convert undefined or null to object”。如以下代码：
const person = { name: "Tom", age: 21 }; const { name, age } = null;
解决方案：使用空对象作为默认值进行解构。修改代码如下：
const person = { name: "Tom", age: 21 }; const { name, age } = null || {};
3. 报错：TypeError: Object is not iterable
当使用异步迭代时，可能会报错：“TypeError: Object is not iterable”。如以下代码：
-- -------------------- ---- ------- ----- --------- ---------------- - ----- -------- ----- -------- ----- ------------ - ------ ---------- - --- ----- ------ ---- -- --------------- - ------------------ - -----展开代码
解决方案：使用函数调用符号 ‘()’ 来调用异步迭代器。修改代码如下：
-- -------------------- ---- ------- ----- --------- ---------------- - ----- -------- ----- -------- ----- ------------ - ------ ---------- - --- ----- ------ ---- -- ----------------- - ------------------ - -----展开代码
4. 报错：SyntaxError: Invalid RegExp group
当使用正则表达式命名捕获组时，可能会报错：“SyntaxError: Invalid RegExp group”。如以下代码：
const re = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/; const result = re.exec("2021-08-15");
解决方案：使用 babel 的 @babel/plugin-transform-named-capturing-groups-regex 插件进行转译。转译后的代码如下：
const re = new RegExp("(?<year>\\d{4})-(?<month>\\d{2})-(?<day>\\d{2})"); const result = re.exec("2021-08-15"); console.log(result.groups.year, result.groups.month, result.groups.day) // 2021, 08, 15
在使用 ES9 新特性时，遇到报错问题是很正常的。但只要我们学习了报错的原因以及解决方案，就能更好地使用 ES9 新特性，提高代码的效率和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67c25d54314edc2684b8a5a4
