时间戳

首页 > 解决方案 > 这段代码的“text+=”部分是做什么的？

javascript - 这段代码的“text+=”部分是做什么的？

问题描述

我想了解这个 forloop 在 Javascript 中是如何工作的。最让我困惑的部分是“text+=”部分。

我在我认为我理解的所有行旁边发表了评论。对整个代码的任何清晰解释将不胜感激。

我已经通过 w3schools 网站玩过代码 - 我在那里遇到了它。

代码：

<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>

<script>
var fruits, text;
fruits = ["Banana", "Orange", "Apple", "Mango"];

text = "<ul>"; //start of list

fruits.forEach(myFunction); //for each fruit add 

text += "</ul>"; // end of list
document.getElementById("demo").innerHTML = text; // add to html

function myFunction(x) {  // function with one parameter to parse
  text += "<li>" + x + "</li>";
} 
</script>

</body>
</html>

标签： javascript

解决方案

x+=y是 的语法糖x=x+y，这意味着这两个是相同的。

所以，在你的情况下：

  • text += "</ul>";只会将</ul>结束标记附加到text变量；

    和

  • text += "<li>" + x + "</li>";相当于text = text + "<li>" + x + "</li>".

推荐阅读