setTimeout改造,可以传递多个参数

最新推荐文章于 2024-04-22 12:05:56 发布

wanghl_web

最新推荐文章于 2024-04-22 12:05:56 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前段文章标签： web前段 setTimeout setTimeout传递多个参数 setTimeout延迟 js延迟

本文链接：https://blog.youkuaiyun.com/wanghl_web/article/details/78827604

web前段专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种改造浏览器JavaScript中setTimeout方法的技术方案，通过简单的代码实现，让setTimeout能够支持传递多个参数，提高了开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发中会经常使用到setTimeout，使用的时候需要传递两个参数，第一个参数是arg1（可以是字符串，也可以是方法），第二参数arg2（时间），但是如果arg1想传递多个参数，这样字符串拼接就比较麻烦了，这里我们做一个小小的改造，不多说了，直接上代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>该案例的作用是：改造setTimeout方法，使其能够传递多个的参数 </title>


    <script type="text/javascript">

        var $cp = setTimeout;
        window.setTimeout=function(callback,timeOut){
            var args = Array.prototype.slice.call(arguments,2);   //获取实参列表，并截取
            var $_fun=function(){                               //重新构造setTimeout中的方法
                callback.apply(null,args);
            }
            $cp($_fun,timeOut);                                   //调用老的setTimeout方法
        }

        //测试方法
        function a(a,b,c){
            alert(a+b+c);
        }

        //测试
        setTimeout(a,2000,1,2,3);
    </script>
</head>
<body>

</body>
</html>