位置: 编程技术 - 正文

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

  • 什么是税收滞纳金请举例说明
  • 增值税价外税是什么税种
  • 有关研发支出的账务怎么做?
  • 个体工商户年度报告表怎么报
  • 固定资产未入固定资产账
  • 贴现利息支付方式
  • 哪些属于不动产权
  • 抵债资产处置账务实例
  • 子公司注销资产负债表如何合并
  • 待摊费用跨年冲销如何入账?
  • 单位出租厂房如何开票
  • 个人转让认缴出资股权需要交纳印花税吗?
  • 继承的房产出售要交20%是全额还是差额
  • 2021装修法律
  • 未办预售证,企业取得这笔收入要缴增值税吗?
  • 报个税系统叫啥
  • 餐饮装修费用计入什么科目
  • 发票查重
  • 把股份转给别人怎么处理
  • 农产品加工所得税
  • 员工娱乐活动比赛项目
  • 增值税免税标准30万含不含税
  • 专项储备属于什么科目代码
  • 主营业务收入多栏式怎么填
  • 预提费用新会计准则叫什么科目
  • 固定资产不入账的后果
  • 债券类资产的远期合约是什么
  • 苹果手机送修了会给备用机吗
  • 怎么把浏览器屏幕缩小
  • win11企业版激活
  • 如何把文档转换成二维码
  • pavprsrv.exe - pavprsrv是什么进程 有什么用
  • 如何通过手机号码查对方在哪里
  • 天然气票据
  • 哪些费用报销可以不用发票
  • thinkphp 模块
  • 制造业企业资金如何循环周转
  • 微信小程序实现轮播图
  • 资产减值损失一经计提不得转回
  • 应收账款与主营业务收入的比率
  • 工程款发票的数量和单价
  • 金税盘减免税款借方余额
  • 代开发票是否代征城建税和教育费附加?
  • 政府会计累计盈余解析
  • 适用会计准则或会计制度(填写代码)
  • phpcms怎么用
  • 简述SQL server管理器的功能
  • 如何关闭mysqld
  • 办税人员可绑定银行卡吗
  • 企业利润分配的含义
  • 小规模企业购入原材料会计分录
  • 企业实收资本与实缴资本
  • 进仓费开票是几个点
  • 代扣和代缴的区别
  • 购买货物对方代垫的运输费分录
  • 运费不支付会怎么样
  • 专项应付款支出的账务处理
  • 个人所得税不允许核定的行业
  • 同时知识产权专利,其做账是?
  • 医院的自助缴费机怎么开具发票
  • 其他业务收入在资产负债表哪里体现
  • 常见的账务处理程序主要有
  • dos命令win10
  • Gene6 FTP在windows 2008上面破解后无法启动解决方法
  • windowsxp怎么卸载
  • swupdtmr.exe - swupdtmr进程是什么意思 什么作用
  • win8.1系统升级win10
  • vps可以安装虚拟机吗
  • ajax请求数据放到页面
  • cocos2dx引擎优化
  • css div内容自动换行
  • jquery触发点击操作
  • ajax multipart/form-data
  • android javascript 混淆配置。
  • 网页弹窗不见了
  • unity的vs
  • 如何利用百度地图定位
  • jquery .html的用法
  • 无锡地铁时速多少公里
  • 小型贸易公司怎么赚钱
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设