JS請求節流

少廢話，擼代碼。歐耶！

• 1、節流器

// 對函數進行 節流
function throttle (fn, interval = 500) {
  let timer = null;
  let firstTime = true;

  return function () {
    let args = arguments;
    if (firstTime) {
      // 第一次加載
      fn.apply(this, args);
      return firstTime = false;
    }
    if (timer) {
      // 定時器正在執行中，跳過
      return;
    }
    timer = setTimeout(() => {
      clearTimeout(timer);
      timer = null;
      fn.apply(this, args);
    }, interval);
  };
}

• 2、初始化節流器

    const throttleFunc=throttle(function (field) {
        var loadIndex = layer.load(1);
        $.ajax({
            type: 'POST',
            url: '/cms/teachers/saveTeacherInfo',
            async: false,
            data: data.field,
            success: function (result) {
                if (result.status==1) {
                    layer.close(loadIndex);
                    layer.msg('保存成功');
                    canJump = 1;
                    if (!isJump) {
                        $('.cancel').trigger('click');
                    }
                } else {
                    $('button[lay-filter="saveTeacherInfo"]').attr("disabled", false).removeClass("layui-disabled");

                    layer.close(loadIndex);
                    layer.msg(result.msg);
                }
            }
        });
        return false;
    },1000);

• 3、使用節流器

throttleFunc(data.field);