Javascript：修复到达页面底部时多个函数下降的问题

解决JavaScript中多个函数在页面底部触发时下降的问题

javascript
// 使用节流技术
function throttle(func, limit) {
  let inThrottle;
  return function () {
    const args = arguments;
    const context = this;
    if (!inThrottle) {
      func.apply(context, args);
      inThrottle = true;
      setTimeout(() => (inThrottle = false), limit);
    }
  };
}
// 使用防抖技术
function debounce(func, delay) {
  let timer;
  return function () {
    const args = arguments;
    const context = this;
    clearTimeout(timer);
    timer = setTimeout(() => {
      func.apply(context, args);
    }, delay);
  };
}
// 例子：使用节流和防抖处理滚动事件
window.addEventListener('scroll', throttle(handleScroll, 200));
window.addEventListener('scroll', debounce(handleScroll, 200));

javascript
// 例子：使用Promise确保函数按顺序执行
function firstFunction() {
  return new Promise(resolve => {
    // 一些异步操作
    resolve('First function executed');
  });
}
function secondFunction() {
  return new Promise(resolve => {
    // 一些异步操作
    resolve('Second function executed');
  });
}
function thirdFunction() {
  return new Promise(resolve => {
    // 一些异步操作
    resolve('Third function executed');
  });
}
// 调用函数
firstFunction()
  .then(result => {
    console.log(result);
    return secondFunction();
  })
  .then(result => {
    console.log(result);
    return thirdFunction();
  })
  .then(result => {
    console.log(result);
  });