javascript 有用的脚本函数

下面是详细讲解“javascript 有用的脚本函数”的完整攻略。

一、概述

JavaScript 是一种广泛应用的脚本语言，已经成为网页开发中必不可少的一部分。在 JavaScript 中，函数是一个非常重要的概念，它可以使代码更加模块化、易读、易维护、易扩展。

本文将提供一些有用的 JavaScript 函数，这些函数可以提高你的代码质量，把你的网站变得更加强大、易用。

二、有用的函数

1. 防抖函数

防抖函数（debounce function）可以限制函数的执行次数，防止函数过于频繁地触发。比如，当你需要监听用户输入的时候，就可以使用防抖函数来限制事件的触发次数。

下面是一个防抖函数的示例代码：

function debounce(func, delay) {
  let timer = null;
  return function(...args) {
    if (timer) {
      clearTimeout(timer);
    }
    timer = setTimeout(() => {
      func.apply(this, args);
    }, delay);
  };
}

使用方法如下：

const myFunc = debounce(() => {
  console.log('Hello world');
}, 1000);

myFunc();

上面的代码中，myFunc 就是一个防抖函数，它将会在 func 被调用 delay 毫秒之后执行。

2. 节流函数

节流函数（throttle function）与防抖函数类似，也可以限制函数的执行次数。不同的是，节流函数以一定频率来执行函数，而不是在一定时间后执行函数。

下面是一个节流函数的示例代码：

function throttle(func, delay) {
  let timer = null;
  let lastRun = 0;
  return function(...args) {
    const now = new Date().getTime();
    if (now - lastRun >= delay) {
      func.apply(this, args);
      lastRun = now;
    } else {
      clearTimeout(timer);
      timer = setTimeout(() => {
        func.apply(this, args);
        lastRun = new Date().getTime();
      }, delay - (now - lastRun));
    }
  };
}

使用方法如下：

const myFunc = throttle(() => {
  console.log('Hello world');
}, 1000);

myFunc();

上面的代码中，myFunc 就是一个节流函数，它将会以每秒一次的频率执行 func。

三、总结

本文介绍了防抖函数和节流函数两个非常有用的 JavaScript 函数，这些函数可以极大地提高你的代码质量，使你的网站更加强大、易用。同时，它们也有着广泛的应用场景，可以帮助你简化代码、提高性能。

希望本文可以对你有所帮助，谢谢阅读！