JS节流函数函数防抖驼峰命名

Destiny is not doomed

于 2020-11-27 10:33:37 发布

阅读量171

点赞数

分类专栏： js

本文链接：https://blog.youkuaiyun.com/weixin_43730646/article/details/110223297

版权

js 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了前端开发中的两个实用技巧：驼峰命名法转换及函数调用优化。通过具体示例展示了如何将短横线分隔的字符串转换为驼峰命名，并讲解了函数节流与防抖的实现方法。

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

//驼峰命名法
var str = ‘doucment-get-element-byid’
var arr = str.split(’-’);
for(var i = 0;i < arr.length; i++) {
//吧arr[i]中的第0项变为大写如何加上arr[i] 减去一项
arr[i] = arr[i].charAt(0).toUpperCase() + arr[i].substr(1,arr[i].length-1)
}
console.log(arr)
//函数节流
function handleAdd(fn, t) {
var lastTime = 0; //记录上一次函数触发的时间
return function () {
var nowTime = Date.now(); //记录当前时间
if (nowTime - lastTime > t) {
fn.apply(this)
lastTime = nowTime //同步时间
}
}
}
document.getElementById(‘btn’).onclick = handleAdd(function () { console.log(‘我被点击了1’) }, 2000)
//函数防抖
function handleAdd(fn, t) {
var timer = null;
return function () {
clearTimeout(timer)
timer = setTimeout(function () {
fn.apply(this)
}, t)
}
}
document.getElementById(‘btn’).onclick = handleAdd(function () { console.log(‘我被点击了2’) }, 2000)