位置: 编程技术 - 正文

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内置对象方法有哪些)

  • 什么时候计提企业所得税
  • 增值税发票上数量与单价
  • 全额计提坏账准备后,多久核销应收账款
  • 股东股权转让印花税公司可以报销吗
  • 报关金额多报了3000美金
  • 关联方交易影响因素
  • 折扣销售指
  • 个人工资怎么缴纳个人所得税
  • 去年已支付的费用怎么查
  • 其他应付款重分类到哪个科目
  • 提前报废的固定资产怎么处理
  • 前期差错更正处理方法
  • 增加以前年度收入是否需要更正申报年报
  • 增值税发票抵扣进项税什么意思
  • 会计做账中记账表怎么做
  • 进项票入账但是不抵扣怎么做账
  • 企业亏损减资的会计处理
  • 所得税 季报
  • 集团和区域公司的关系
  • 子公司是否可以共享总公司的资质
  • 工资计提如何做账
  • 核销以前年度的其他应付款
  • 为什么wifi有信号没网络
  • 外购的礼品送客户怎么做分录小规模
  • 增值税中的视同销售区分为几种情况?
  • 银行承兑汇票付款提示期限
  • 城镇土地使用税优惠政策
  • 进项税额认证了也就是抵扣了吗?
  • 文件改后缀什么意思
  • win7系统电脑开机密码忘记了怎么办
  • 交易性金融资产属于什么科目
  • 进项抵扣发票如何查询
  • 担保余值计算公式
  • 中科院院士2023增选
  • php有多简单
  • php自定义表单系统
  • 负数发票跨月怎么做账
  • springboot和vue结合
  • vue3.0中的ref
  • 购入固定资产怎么做账务处理
  • 文化事业建设费征收范围及计税依据
  • 小规模纳税人无票收入怎么申报
  • 织梦前台的菜单怎么换
  • 关于录制初三毕业班家长寄语通知
  • 取得发票没有加税怎么办
  • sqlserver高版本数据库文件转低版本
  • CMS不要让MySQL为你流泪
  • 小规模增值税纳税人税率
  • 库存商品余额在借方是什么意思
  • 关于预付账款的说法正确的有
  • 公司向个人租赁房屋办公要交税吗?
  • 租出的固定资产
  • 清算期间档案转移
  • 企业所得税弥补亏损可以弥补几年
  • 金税盘开完发票可以直接拔掉吗?
  • mysql数据库迁移上云
  • mysql 5.6.14 win32 解压缩版(免安装)安装配置教程
  • 迅速修复系统漏洞的方法
  • ubuntu gvfs
  • sar 命令
  • fedora s7
  • keyemain.exe是什么进程
  • 重装win8系统后没有声音
  • 有没有软件恢复
  • 能上qq但是打不开网页 知乎
  • win10的快速访问
  • bootstrap页面代码
  • preorder遍历
  • 基于像素的分类方法
  • Unity3D游戏开发引擎
  • jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
  • jquery lazyload
  • unity二段跳
  • Android---59---Toast的使用
  • python放歌
  • unity ulua
  • 使用jQuery调用XML实现无刷新即时聊天
  • 超链接打开比较合适的方式是什么
  • android实现多线程的方法
  • 土地使用税申报流程图
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设