js节流防抖的应用场景和在vue中如何实现节流防抖？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
函数防抖(debounce)：
在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时；典型的案例就是输入搜索：输入结束后n秒才进行搜索请求，n秒内又输入的内容，就重新计时。
函数节流(throttle)：
规定在一个单位时间内，只能触发一次函数，如果这个单位时间内触发多次函数，只有一次生效； 典型的案例就是鼠标不断点击触发，规定在n秒内多次点击只有一次生效。
setTimeout内 this失效：
这是由于setTimeout函数调用的代码运行在与所在函数完全分离的执行环境上，这会使得this指向的是window对象，看下图 :
打了断点，在Console下输出 this 是Window对象，解决这个问题可以在setTimeout函数外面定义一个 that = this 就可以了，输出 that果然就是该组件的对象
看在vue中的实际代码：
1.输入框，输入最后一个字 2秒后执行（防抖：debounce）：
html:
js：
网站设计包含服务
网站制作流程
有效沟通方式
售后服务
+ 品牌创意
+ 宣传视频
+ 大陆官网
+ 外贸官网
+ 移动应用
+ 形象设计
网站建设
网站优化
网站制作
网站制作
网络营销
网站维护
公司简介
我们的观点
为什么选择我们
企业文化
支付方式
联系方式
在线留言
提交意向表
在线客服
来访路线 debounce: function(){
let that = this
if(timer){
clearTimeout(timer)
}
timer = setTimeout(function () {
console.log('输入')
timer = undefined;
},2000)
} 
售后响应及时
7×24小时客服热线
数据备份
更安全、更高效、更稳定
价格公道精准
项目经理精准报价不弄虚作假
合作无风险
重合同讲信誉，无效全额退款
