位置: 编程技术 - 正文

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

  • 外贸企业进项税不抵扣分录
  • 股东利润分配怎么做账
  • 适用增值税零税率的有
  • 个体户怎么开增值税普通发票过程
  • 增值税零税率与免税有何不同
  • 其他应收款用什么表示
  • 未实际处置资产怎么处理
  • 加速折旧税收优惠
  • 研发支出辅助账2021版
  • 软件服务类企业
  • 股票期权个人所得税税率表
  • 简并税率政策是什么?简并税率政策要点如何解读?
  • 技术转让免征增值税
  • 培训费增值税专用发票怎么开
  • 供应商质量问题通知函范文
  • 外贸出口退税会计和会计区别
  • 退留抵税额会计分录
  • edge浏览器下载安装
  • 工业园租金大概是多少
  • 如何给网页添加水印
  • 计算机怎么设置长亮
  • mmc.exe是什么进程
  • 企业合并收购,对员工的机会和挑战
  • 差额征税的项目 按差额记账还是全额倒算销项税
  • vantUI van-picker中的column使用,picker选择器展示对象数组里面的属性,自定义展示数据
  • php实现功能
  • 怎么做委托银行业务
  • 进口应税消费品所支付的金额不包括
  • 固定资产盘盈为什么要调整所得税
  • 关于php通用返回的问题
  • joomla安装教程
  • 免税是政府补助吗
  • 预提费用计提的分录
  • python的Django框架
  • yolov4环境搭建
  • win11设置项改中文
  • PHP中set_include_path()函数相关用法分析
  • 代收水电费交税吗
  • 残疾证哪里发
  • 社保断交一个月但是后面正常缴费
  • 外币财务报表的未分配利润
  • 企业的所有分类
  • 图书免增值税具体包括哪些
  • 什么叫做归属
  • 现金流量表填写说明
  • 企业的净利润率
  • 新会计准则套期利息计算
  • 所得税汇算清缴怎么操作
  • 合理的物料消耗是指
  • 融资租赁业务的账务及涉税处理
  • 不动产计税金额
  • 一般纳税人购买原材料会计分录
  • 给客户减免的货款怎么做账
  • 哪种飞机票可以抵扣进项税
  • 超出工资总额
  • 事业单位职工福利费支出范围
  • 流动比率怎么算出来的
  • mysql 判断
  • linux不常用命令
  • xp系统怎么卸载程序
  • linux命令合集
  • linux系统chmod用法
  • Win7出现系统恢复选项怎么办
  • linux 排序统计
  • windows mobile
  • Win10怎么更换主题
  • 原生javascript开发
  • 如何理解js中的原型
  • Node.js connect ECONNREFUSED错误解决办法
  • activity lunchmode详解
  • unity 3.0
  • jquery给td设置内容
  • 第一章阎王点卯的小说名字
  • python程序讲解
  • 报价单盖什么公章
  • 车辆购置税大厅办理流程
  • 北京市国家税务局电话
  • 港澳台资企业
  • 补税务登记证报税要钱吗
  • 2021年京东养鸡如何合作
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设