当前位置: article > 正文

JavaScript中setout函数“bug”再研究

作者：小蓝xlanll | 2024-02-29 20:09:44

踩

引言

在JavaScript中setout中函数不加双引号引发错误的问题-CSDN博客

上篇文章中笔者讲解了settimeout全局函数，关于引用函数时加不加双引号会使得延迟是否正常出现的“bug”

这里再详细阐述一下

实现方法

首先打开vscode，分别写入如下代码


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>text</title>
</head>
<body>
 
<p>点击按钮，等待 3 秒后弹出 "Hello" 。</p>
 
 
<button onclick="myFunction()">点我</button>
 
 
<script>
var myVar;
 
function myFunction() {
    myVar = setTimeout(chu(), 3000);
}
function chu(){ alert("Hello") ;}
 
</script>
 
</body>
</html>


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>text</title>
</head>
<body>
 
<p>点击按钮，等待 3 秒后弹出 "Hello" 。</p>
 
 
<button onclick="myFunction()">点我</button>
 
 
<script>
var myVar;
 
function myFunction() {
    myVar = setTimeout("chu()", 3000);
}
function chu(){ alert("Hello") ;}
 
</script>
 
</body>
</html>


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>text</title>
</head>
<body>
 
<p>点击按钮，等待 3 秒后弹出 "Hello" 。</p>
 
 
<button onclick="myFunction()">点我</button>
 
 
<script>
var myVar;
 
function myFunction() {
    myVar = setTimeout(chu, 3000);
}
function chu(){ alert("Hello") ;}
 
</script>
 
</body>
</html>


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>text</title>
</head>
<body>
 
<p>点击按钮，等待 3 秒后弹出 "Hello" 。</p>
 
 
<button onclick="myFunction()">点我</button>
 
 
<script>
var myVar;
 
function myFunction() {
    myVar = setTimeout("chu", 3000);
}
function chu(){ alert("Hello") ;}
 
</script>
 
</body>
</html>

可以看到，这四处代码仅有的不同便是settimeout函数中对chu函数的引用方式，其中第一种不能正常延时，其余三种均可正常实现功能

演示

具体演示视频如下

发现了个Javascript中执行settimeout时的小bug？

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小蓝xlanll/article/detail/168064?site