位置: 编程技术 - 正文

JavaScript学习笔记整理_setTimeout的应用(javascript基础笔记)

编辑:rootadmin

推荐整理分享JavaScript学习笔记整理_setTimeout的应用(javascript基础笔记),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript教程推荐知乎,javascript如何学,javascript学习指南,javascript入门教程,javascript基础笔记,javascript入门教程,javascript学习指南,javascript教程推荐知乎,内容如对您有帮助,希望把文章链接给更多的朋友!

setTimeou的t应用

当 setTimeout(f,n) 被调用时,它会返回一个 ID 标识并且计划在将来大约n毫秒后调用f函数。 f函数只会被执行一次(递归执行的话就可以实现每n毫秒执行一次),基于 JavaScript 引擎的计时策略,以及本质上的单线程运行方式,所以其它代码的运行可能会阻塞此线程。 因此没法确保函数会在 setTimeout 指定的时刻被调用。通过在回调函数内部使用 setTimeout 函数来防止阻塞!

JavaScript 是异步的,setTimeout 只会执行回调函数一次,不过 setInterval会每隔 X 毫秒执行函数一次。 但是却不鼓励使用这个函数。当回调函数的执行被阻塞时,setInterval 仍然会发布更多的回调指令。在很小的定时间隔情况下,这会导致回调函数被堆积起来。

setTimeout 和 setInterval 也接受第一个参数为字符串的情况。 这个特性绝对不要使用,因为它在内部使用了隐藏的eval,由于 eval 在这种情况下不是被直接调用,因此传递到 setTimeout 的字符串会自全局作用域中执行,建议不要在调用定时器函数时,为了向回调函数传递参数而使用字符串的形式;当需要向回调函数传递参数时,可以创建一个匿名函数,在函数内执行真实的回调函数;

onscolll,onresize等是非常耗性能,那如果我们换成ajax请求的话,那么就会缩放一次窗口会连续触发多次ajax请求,下面我们试着使用函数节流的操作试试一下;当然加个settimeout()的定时器就好了,

第一种封装方法

第二种封装方法

JavaScript学习笔记整理_setTimeout的应用(javascript基础笔记)

构造一个闭包,使用闭包的方式形成一个私有的作用域来存放定时器timer, timer是通过传参数的形式引入的。

对第二种方法优化一下,性能会更好

这里返回一个函数,如果它被不间断地调用,它将不会得到执行。该函数在停止调用 N 毫秒后,再次调用它才会得到执行。如果有传递 ‘immediate' 参数,会马上将函数安排到执行队列中,而不会延迟。

函数不允许回调函数在指定时间内执行多于一次。当为一个会频繁触发的事件分配一个回调函数时,该函数显得尤为重要。

setTimeout这么厉害,那么我们是可以在项目中大量使用吗?

我个人是不建议的,在我们业务中,基本上是禁止在业务逻辑中使用setTimeout的,因为我所看到的很多使用方式都是一些问题不好解决,setTimeout作为一个hack的方式。

例如,当一个实例还没有初始化的前,我们就使用这个实例,错误的解决办法是使用实例时加个setTimeout,确保实例先初始化。

为什么错误?这里其实就是使用hack的手段

第一是埋下了坑,打乱模块的生命周期

第二是出现问题时,setTimeout其实是很难调试的。

我认为正确的使用方式是,看看生命周期(可参考《关于软件的生命周期 》),把实例化提到使用前执行

标签: javascript基础笔记

本文链接地址:https://www.jiuchutong.com/biancheng/373588.html 转载请保留说明!

上一篇:JavaScript学习笔记整理_用于模式匹配的String方法(javascript如何学)

下一篇:浅谈js内置对象Math的属性和方法(推荐)(js内置对象方法有哪些)

  • 年检更换需要什么材料
  • 增值税专用发票抵扣期限
  • 增值税专用发票有效期是多长时间
  • 房地产可抵扣的税有哪些
  • 财务报表中利润怎么算
  • 暂估入库原材料成本结转后期发票到怎么处理
  • 不可修复废品损失会计分录
  • 商业承兑汇票贴现手续费是多少
  • 应付账款 暂估
  • 营改增是什么时候提出的
  • 员工出国补贴标准
  • 一张发票多个单位报销,怎么分辨
  • 提前报废资产损失税前扣除
  • 营改增后水费差额征税账务处理怎么做?
  • 2019年煤炭
  • 合同开票金额一定等于合同额吗
  • 建筑业增值税税率由11调整到10
  • 计划成本法如何计算材料成本差异率
  • 经营收入怎么做分录
  • 购入的商品用于捐赠怎么做分录
  • 怎么判断要不要交水利基金
  • 企业所得税为15%的企业
  • 申请双软企业会查员工学历吗
  • 长期股权投资损失计入什么科目
  • 收到负数购入发票怎么办
  • win11安卓子系统在哪打开
  • 公司内部罚款的备注怎么写劳动仲裁
  • 商业自持店铺出租合法吗
  • 键盘突然打不出来字
  • 2014年最佳阵容
  • 如何选择一款适合自己家庭的凉席
  • xwizard.exe是什么
  • 长期借款还款
  • 无偿划转股权
  • element ui el-tree
  • 外贸企业退运后的进项税如何处理
  • 大溪地海岛在什么地方
  • 水獭冬眠吗?
  • php对二维数组进行排序
  • 海滨德拉海滩庄园别墅
  • tcp/ip协议含义
  • thinkphp和php
  • 使用groupadd命令创建用户组
  • 苗木增值税税率
  • 员工休产假不发工资违法吗
  • 每个月工资扣的税为什么不一样
  • 可供分配利润是留存收益吗
  • 实缴的钱注销后可以拿回来吗
  • 劳务报酬根据什么确定
  • mysql有输入输出语句
  • 运输行业一般纳税人开普票税率是多少
  • 蔬菜开发票到哪里开呢?
  • 金蝶财务软件库存商品数量金额再那查看
  • 接受捐赠计入
  • 税务局不予受理的依据
  • 税务开票金额每个月有限制吗
  • 应收账款计提减值准备会计处理
  • 弥补企业以前年度亏损 顺序
  • 开票系统的维护与保养
  • 快递行业的会计岗位
  • 物流公司保险怎么买
  • Mysql主从同步的实现原理
  • Windows Server 2008关闭闲置状态的IDE通道
  • 电脑总是提示windows启动怎么办
  • 万能重装系统
  • spyblast.exe - spyblast是什么进程 有何作用
  • window8所有程序在哪
  • linux误删文件怎么办
  • win8系统搜索不到wifi
  • ERROR 1045: Access denied for user: root@localhost (Using password: NO)
  • jquery右击事件
  • 远程计算机的命令
  • jquery控制css样式
  • javascript基础教学
  • android synchronized
  • JAVASCRIPT THIS详解 面向对象
  • 地税客服电话
  • 出口退税注销怎么办理
  • 普通发票开具时写材料一批需要附什么清单?
  • 省银保监局长是什么级别
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设