gpt4 book ai didi

javascript - 为什么javascript的forever循环会阻塞页面?

转载 作者:行者123 更新时间:2023-11-28 12:28:18 24 4
gpt4 key购买 nike

为什么在 input#q 上输入任何内容都会挂起整个页面?

<html>
<head></head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="q">
<input>
<script type="text/javascript">
$("#q").keydown(function() {
while(true) {
}
});
</script>
</body>
</html>

http://jsfiddle.net/9cw2pjym/

我期望的行为是处理该特定 keydown 事件的线程将阻塞,但页面将保持响应。我进行了测试,因为我很好奇该代码是否会阻止用户在 input#q 上键入内容。然而,它远远不止于此:整个页面被屏蔽(我在 Chrome、Firefox 和 Safari 上尝试过)。

我继续尝试这个:

setTimeout(function() {
while(true){}
}, 5000);

5 秒后页面挂起。不可能再有任何互动。那不应该在不同的线程上吗? javascript 和所有其他与页面的交互是否在同一线程上运行?

最佳答案

javascript 是单线程的。因此,即使 setTimeout 启动计时器,回调事件也只会在 UI 线程上调用。这就是 5 秒后 while(true){} 永远循环挂起 UI 线程的原因。

关于javascript - 为什么javascript的forever循环会阻塞页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25341690/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com