vueparseHTML函数解析器遇到结束标签

目录

引言

match函数匹配正则endTag

关键 parseEndTag 函数代码

总结parseEndTag 函数作用handleStartTag函数后续最后更新 stack 栈以及 lastTag

引言

承接上篇 parseHTML 函数源码解析拿到返回值后的处理
接下来我们将会讲解当 textEnd === 0 解析器遇到结束标签，parse 结束标签的代码如下：

1. // End tag:
2. var endTagMatch = html.match(endTag);
3. if (endTagMatch) {
4.         var curIndex = index;
5.         advance(endTagMatch[0].length);
6.         parseEndTag(endTagMatch[1], curIndex, index);
7.         continue
8. }

复制代码

match函数匹配正则endTag

首先调用 html 字符串的 match 函数匹配正则 endTag ，将结果保存在常量endTagMatch中。正则 endTag 用来匹配结束标签，并且拥有一个捕获组用来捕获标签名字，比如有如下html 字符串：