在编写前端代码时，语法错误是不可避免的。为了更好地定位错误，我们需要详细的错误信息。ES11 中新增了 String.prototype.matchAll() 方法，我们可以使用它来生成更好的语法分析错误信息。
String.prototype.matchAll() 方法简介
String.prototype.matchAll() 方法接受一个正则表达式作为参数，返回一个 iterator 对象，该对象可以用于遍历字符串中所有匹配的结果。
具体使用方法如下：
const str = 'hello world, hello javascript';
const reg = /hello/g;
const result = str.matchAll(reg);
for (const match of result) {
console.log(match);
}运行结果为：
["hello", index: 0, input: "hello world, hello javascript", groups: undefined] ["hello", index: 13, input: "hello world, hello javascript", groups: undefined]
生成更好的语法分析错误信息
在编写前端代码时，我们可以使用 String.prototype.matchAll() 方法来生成更好的语法分析错误信息。比如，我们定义了一个正则表达式，希望匹配以 # 开头的字符串：
const reg = /#[a-zA-Z]+/; const str = 'hello #world, #hello #javascript';
如果我们使用 String.prototype.match() 方法匹配字符串，会返回一个数组，数组中的每一项是匹配到的字符串：
reg.match(str); // ['#world', '#hello']
显然，这个信息并不够详细。如果我们希望得到更好的错误信息，可以使用 String.prototype.matchAll() 方法：
-- -------------------- ---- ------- ----- ------ - ------------------ ----- ------- - ------------------ ----- -- ---------- -- --------------- --- -- - ----- --- --------------- -------- -- ------- - ------ -------- ---- ------ - -- --------------- - -- - ----- --- --------------- -------- -- ------- ---- --- ------ -------- ---- ------ -
这样，我们就可以得到更好的错误信息，它会告诉我们在哪里出现了错误，并提示我们应该怎么做。
总结
使用 String.prototype.matchAll() 方法可以生成更好的语法分析错误信息，帮助我们更好地定位和修复错误。但需要注意的是，这个方法需要现代的 JavaScript 引擎支持，如果要兼容旧版浏览器，需要使用 polyfill。
代码示例：
-- -------------------- ---- -------
-- ---------------------------- -
------------------------- - ---------------- -
----- ------ - --------------
----- ------ - --------------
----- --------- - -----------------
----- ------- - ---
--- ----- - ------------------
----- ------ --- ----- -
--------------------
-- --------- -
------
-
-- -------- -
-- ------------ - --------------- --- ---------- -
------
-
- ---- -
---------------- - ----------- - ----------------
-
----- - ------------------
-
------ ---------------------------
--
-来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64740fad968c7c53b017fbdd