深入解析JavaScript中定时器的函数传参问题

最新推荐文章于 2022-12-07 17:05:42 发布
最新推荐文章于 2022-12-07 17:05:42 发布
阅读量790 收藏 2
点赞数
分类专栏： JavaScript 文章标签： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HHH_LLL/article/details/90084313
版权
本文深入探讨了在JavaScript中如何在定时器中正确传递函数参数的问题，通过实例展示了四种方法：匿名函数包装、利用闭包、使用bind()以及函数外部传参。每种方法都有其特点和适用场景，旨在确保函数能在定时器中被正确调用并接收参数。
摘要由CSDN通过智能技术生成

首先看一个例子：

function f1(num){
   
    console.log(num);
}
setTimeout(f1(1),300);

输出：

最低0.47元/天 解锁文章
HHH_LLL
关注
专栏目录
JavaScript学习：函数
weixin_44828005的博客
06-02 457
问题导向 boolean布尔值是什么？如何使用？ 如果你都有了答案，可以忽略本文章，或去JS学习地图寻找更多答案 function函数 在JS中，函数是一种特殊的数据类型，它让JS动了起来，有了能力，它可以是一个方法，或者是一个功能，提供某种能力 它常用来 封装 一些方法，供应用重复调用 函数特点 具有特定功能/作用的 能够重复调用的 闭合状态的代码块 能够兼容代码变化的 参数 形参：函数声明时填的参数 实参：函数调用时填的参数 例子：使用function关键字声明一个函数 functio
js代码-定时器闭包传参
07-16
js代码-定时器闭包传参
Javascript 定时器调用传递参数的方法
weixin_30783629的博客
08-27 563
文章来源：https://m.jb51.net/article/20880.htm 备注：先记下，以后整理： Javascript 定时器调用传递参数的方法，需要的朋友可以参考下。 无论是window.setTimeout 还是window.setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必需要带参数,这就需要想方法解决. 例如对于函数hell...
js中定时器的使用
weixin_34249678的博客
02-09 125
setTimeout(Expression,DelayTime),在DelayTime过后,将执行一次Expression,setTimeout 运用在延迟一段时间，再进行某项操作。setTimeout("function",time) 设置一个超时对象 setInterval(expression,delayTime),每个DelayTime,都将执行Expression.常常可用于刷新表达式...
关于js定时器函数传参问题
qq_37016928的博客
12-05 2942
正常情况下 js定时器应该是setTimeout(fn1,3000);或setInterval(fn1,3000); function fn1(str){ alert(111); } 但是当我们需要用到参数时: 1、 通过加引号方式setTimeout("fn1(str)",3000); 这种是最简单的但是也是功能最不全的，一个是因为对于其setTimeout("fn1(str)",...
定时器传参数
weixin_30588729的博客
01-26 171
定时器 setTimeout() 和 setInterval() 在使用函数名作为调用句柄是都不能带参数，因此定义一个函数_checkMsg(),返回一个不带参数的函数，在 这个函数内部调用外部函数checkMsg(),不需使用参数。 setInterval(_checkMsg(isLogin),1000); function checkMsg(uid){ $.aja...
由一道前端面试题所引起的思考（for循环中的定时器）
m0_46372848的博客
04-23 718
今天这篇文章是我在看前端一道比较经典的面试题所引起的思考。 首先让我们来看看这道题目： for (var i = 0; i <= 5; i++) { setTimeout(() => { console.log(i) }, i * 1000); console.log('定时器外' + i) } 上面这行代码打印结果是，定...
JS(三)：深入函数之对象，调用，参数，返回值
baidu_38730364的博客
09-14 1743
文章目录一、面向对象简介（一）对象（二）对象的使用二、函数介绍三、函数定义四、函数的调用（一）普通函数的调用（二）方法的调用（三）构造函数的调用（四）函数的间接调用五、参数的使用（一）参数的类型（二）参数的个数(三)arguments（四）什么可以做参数六、函数的返回值（一）return（二）什么可以做返回值 一、面向对象简介 （一）对象 对象就是值的集合，任意值的集合。值包括所有5种基本类型以及3种引用类型的值。 为了方便访问值，就需要给值取个名字，这个就是属性。值和键在一起就形成了键值对。对象就是由一个
JavaScript高级知识概括
weixin_41005188的博客
01-11 805
JavaScript高级知识概括一级目录 一级目录
JS定时器如何传递参数
热门推荐
从你的全世界路过
05-04 1万+
JS定时器 传递参数我在使用setTimeout()或setInterval()时， setTimeout(addIcons(),3000); 或 setInterval(addIcons(),3000);总是发现在页面加载的时候，它就直接执行函数，并没有在3秒之后加载。后来去查了一下，才发现问题出现在函数后面的小括号上。 setTimeout(ad
JavaScript计时器如何传参
htcvive的博客
07-13 490
计时器 使用具名函数不需要传参时 var timer = null; setInterval( print,1000 ) function print(){ console.log("hello"); } 需要传参时 // 需要传递参数的时候 function log(a){ setInterval(function(){ console.log(a);
定时器函数传参
最新发布
Chico_Feng的博客
12-07 468
定时器函数传参
setTimeout和setInterval区别，以及定时器的传参功能
觉醒法师的专栏
09-03 1675
setTimeout和setInterval都属性Javascript中的定时器，可以规定延迟时间再执行某个操作，不同的是setTimeout在规定时间后执行完某个操作就停止了，而setInterval则可以一直循环下去。另外,setTimeout和setInterval还能通过扩展运算符形式进行传参；现在IE10及以上版本，其它主流浏览器中，都已支持。
JavaScript定时器
weixin_40606003的博客
01-28 250
在JavaScript中，有两种创建定时器的方法，setTimeout和setInterval，两者都可接受两个参数，第一个参数可以是JavaScript字符串或是函数，第二个参数是以毫秒为单位的数值，以setTimeout为例： setTimeout(function () { console.log(1) },1000) 给定时器传入JavaScript字符串的方式有着造成性能底下的问题，...
定时器及传参
weixin_43883907的博客
04-29 1158
import time import datetime from apscheduler.schedulers.blocking import BlockingScheduler def job1(f): print(time.strftime('%Y-%m-%d %H:%M:%S', time.localtime(time.time())), f) def job2(args1, a...
关于JS定时器传参问题
xu3tu的博客
02-22 776
使用定时器时调用匿名函数传入参数时要加引号
深入解析JavaScript变量与函数应用及其开发工具
在JavaScript中，变量的命名需要遵循一定的规则，比如大小写敏感性，且应遵循标识符的命名约定，如不能使用JavaScript的关键字作为变量名。 函数是组织代码并重用逻辑的重要机制，它们可以接受参数并返回值。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值