JavaScript 函数序列

Question

我是 JavaScript 新手，我想知道是否有人可以帮助解决有关函数序列的问题。据我了解函数是按调用顺序执行的，所以我不明白为什么在下面的示例中 mySecond() 会被执行，尽管它是在 myFirst() 之后调用的？谢谢

function myDisplayer(some) {

  document.getElementById("demo").innerHTML = some;

}

function myFirst() {

  myDisplayer("Hello");

}

function mySecond() {

  myDisplayer("Goodbye");

}

myFirst();

mySecond();

<h2>JavaScript Function Sequence</h2>

<p>JavaScript functions are executed in the sequence they are called.</p>

<p id="demo"></p>

Answer 1

正如你所说，它们是按顺序执行的：myFirst()运行并将元素的内容demo从空更改为Hello.mySecond()运行并将元素的内容demo从更改Hello为Goodbye。最终结果：demo元素的内容是Goodbye。您可以尝试其他方法，例如附加到内容而不是替换它们，或者使用console.log将日志条目添加到控制台，以更清楚地查看发生的情况。您还可以使用开发工具来调试代码并单步执行每行。

Answer 2

我是 JavaScript 新手，我想知道是否有人可以帮助解决有关函数序列的问题。据我了解函数是按调用顺序执行的，所以我不明白为什么在下面的示例中 mySecond() 会被执行，尽管它是在 myFirst() 之后调用的？谢谢function myDisplayer(some) {&nbsp; document.getElementById("demo").innerHTML = some;}function myFirst() {&nbsp; myDisplayer("Hello");}function mySecond() {&nbsp; myDisplayer("Goodbye");}myFirst();mySecond();<h2>JavaScript Function Sequence</h2><p>JavaScript functions are executed in the sequence they are called.</p><p id="demo"></p>

Answer 3

它们都被执行了，你可以重写 myDisplayer 这样你就可以看到两个结果function&nbsp;myDisplayer(some)&nbsp;{ &nbsp;&nbsp;document.getElementById("demo").innerHTML&nbsp;+=&nbsp;some; }