|
|
@@ -1537,7 +1537,7 @@ if (textEnd >= 0) {
|
|
|
这段代码用来处理那些第一个字符是 `<` 但没有成功匹配标签，或第一个字符不是 `<` 的字符串。为了更好理解我们可以举个例子，假设 `html` 字符串如下：
|
|
|
|
|
|
```js
|
|
|
-html = '0<1<1'
|
|
|
+html = '0<1<2'
|
|
|
```
|
|
|
|
|
|
如果字符串长成这个样子，那么 `textEnd` 的值应该为 `1`，我们查看 `if` 条件语句内的第一句代码：
|
|
|
@@ -1569,7 +1569,7 @@ while (
|
|
|
next = rest.indexOf('<', 1)
|
|
|
```
|
|
|
|
|
|
-我们知道此时 `rest` 的值为 `<1<2`，所以上面代码的作用是寻找下一个符号 `<` 的位置，并将位置索引存储在 `next` 变量中。由于字符串 `rest` 的值为 `<1<2`，所以 `next` 值将会为 `3`，它指向字符串 `rest` 第二个 `<` 符号的位置。接着将会执行如下代码：
|
|
|
+我们知道此时 `rest` 的值为 `<1<2`，所以上面代码的作用是寻找下一个符号 `<` 的位置，并将位置索引存储在 `next` 变量中。由于字符串 `rest` 的值为 `<1<2`，所以 `next` 值将会为 `2`，它指向字符串 `rest` 第二个 `<` 符号的位置。接着将会执行如下代码：
|
|
|
|
|
|
```js
|
|
|
if (next < 0) break
|
|
|
@@ -1577,7 +1577,7 @@ textEnd += next
|
|
|
rest = html.slice(textEnd)
|
|
|
```
|
|
|
|
|
|
-由于 `next` 值为 `3` 不小于 `0`，所以代码会继续执行，可以看到这句代码：`textEnd += next`，更新了 `textEnd` 的值，更新后的 `textEnd` 的值将是第二个 `<` 符号的索引，之后又使用新的 `textEnd` 对原始字符串 `html` 进行截取，并将新截取的字符串赋值给 `rest` 变量，如此往复直到遇到一个能够成功匹配标签的 `<` 符号为止，或者当再也遇不到下一个 `<` 符号时，`while` 循环会 `break`，此时循环也会终止。
|
|
|
+由于 `next` 值为 `2` 不小于 `0`，所以代码会继续执行，可以看到这句代码：`textEnd += next`，更新了 `textEnd` 的值，更新后的 `textEnd` 的值将是第二个 `<` 符号的索引，之后又使用新的 `textEnd` 对原始字符串 `html` 进行截取，并将新截取的字符串赋值给 `rest` 变量，如此往复直到遇到一个能够成功匹配标签的 `<` 符号为止，或者当再也遇不到下一个 `<` 符号时，`while` 循环会 `break`，此时循环也会终止。
|
|
|
|
|
|
当循环终止后，代码会继续执行，来到最后两句：
|
|
|
|
HcySunYang