JS的防抖和节流

本文详细介绍了JavaScript中防抖和节流的实现方法,包括定时器和时间戳的运用,以及new操作符的特点和call、apply、bind的差异。防抖用于在固定时间内避免频繁触发事件,而节流则确保事件按固定频率触发。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一.防抖的实现
在这里插入图片描述防抖主要还是用定时器来实现的

在固定的时间内没有触发事件,会在固定时间结束后触发,如果固定时间内触发事件了,会在延长固定时间再触发

二.节流的实现
1.时间戳的方法来实现
在这里插入图片描述

节流:无论在固定时间内是否有事件触发,都会按照固定时间规律触发
2.定时器实现
在这里插入图片描述

三.new的特点
new的特点
new 一个构造函数,会自动reutrn一个实例化对象
new完的实例化对象____proto___自动指向构造函数的prototype
new构造函数传参自动赋值给当前实例化对象

四,call,apply,bind的区别
call,apply,bind都是用于改变this指向的

区别:

1.传参不同

call用逗号分隔的形式传参
函数名.call(目标对象,参数1,参数2,…参数n)

例如:getName.call(obj,‘王五’,25,‘北京’)
apply参数用数组的形式传递
函数名.apply(目标对象,[参数1,参数2,…参数n])
例如:getName.apply(obj,[‘王五11’,25,‘上海’])
bind用逗号形式传参
getName.bind(obj,‘王五11’,25,‘上海’)()

getName.bind(obj)(‘王五11’,25,‘上海’)

2.函数是否被执行

cal和apply是直接调用函数
bind是返回函数本身,如果要执行,必须再后面再加()调用

getName.bind(obj)()

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值