程序问答   发布时间:2022-05-31  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了为什么有些代码行在 Javascript 中先于其他代码执行?没有一个是异步的大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决为什么有些代码行在 Javascript 中先于其他代码执行?没有一个是异步的?

开发过程中遇到为什么有些代码行在 Javascript 中先于其他代码执行?没有一个是异步的的问题如何解决?下面主要结合日常开发的经验,给出你关于为什么有些代码行在 Javascript 中先于其他代码执行?没有一个是异步的的解决方法建议,希望对你解决为什么有些代码行在 Javascript 中先于其他代码执行?没有一个是异步的有所启发或帮助;

当我这样做时:

<!DOCTYPE HTML>
<HTML><head><title></title></head>
<body>
    <div ID="root"></div>
    <script>
        let a = document.getElementByID('root');
        console.log(a);
        a.append('cat');
        console.log(a);
    </script>
</body></HTML>

我希望控制台是:

<div ID="root"></div>
<div ID="root">cat</div>

但我明白了:

<div ID="root">cat</div>
<div ID="root">cat</div>

它就像 .append('cat') 命令在第一个 console.log() 命令之前运行。这怎么样?我认为编程代码总是按顺序执行的。我在哪里可以了解哪些代码在 JavaScript 中是按顺序执行的,哪些不是?

如果我稍后尝试调试更复杂的代码,这可能是一个问题。

解决方法

我正在使用 Firefox 并且得到了预期的输出(在 stackOverflow 中)。但是,innerText 和innerHTML 记录的“意外行为”与您在作为.html 文档运行时遇到的“意外行为”相同。

<div id="root"></div>
<div id="root">cat</div>

“问题”似乎是由于来自 DOM 的 html 节点的控制台日志实时引用 DOM。因此,如果您更改节点,控制台日志将更新以显示该更改。
因此,如果旧节点的特定时间控制台日志对您很重要,则不应控制台日志节点。相反,我们使用innerHTML 将信息作为不随节点更新的不可变字符串获取。

<!DOCTYPE html>
<html><head><title></title></head>
<body>
    <div id="root"></div>
    <script>
        let a = document.getElementById('root');
        console.log(a);
        a.append('cat');
        console.log(a);
    </script>
</body></html>

大佬总结

以上是大佬教程为你收集整理的为什么有些代码行在 Javascript 中先于其他代码执行?没有一个是异步的全部内容,希望文章能够帮你解决为什么有些代码行在 Javascript 中先于其他代码执行?没有一个是异步的所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: