JS的防抖和节流

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

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

二.节流的实现
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)()