angularjs实现封装防抖节流函数

在AngularJS中，你可以使用自定义指令或服务来实现装防抖和节流函数。下是一个示例：

1. 创建一个自指令或服务，例如名为`debThrottle`的自定义指令：

app.directive('debounceThrottle', function($timeout) {
  return {
    restrict: 'A',
    scope: {
      debounceThrottle: '&',
      debounceDelay: '=',
      throttleDelay: '='
    },
    link: function(scope, element) {
      var timeoutId;

      element.on('input', function() {
        if (timeoutId) {
          $timeout.cancel(timeoutId);
        }

        if (scope.debounceDelay) {
          timeoutId = $timeout(function() {
            scope.debounceThrottle();
          }, scope.debounceDelay);
        } else if (scope.throttleDelay) {
          timeoutId = $timeout(function() {
            scope.debounceThrottle();
            timeoutId = undefined;
          }, scope.throttleDelay);
        } else {
          scope.debounceThrottle();
        }
      });
    }
  };
});

2. 在你的HTML中使用该自定义指令，并传递相应的参数：

<input type="text" debounce-throttle="handleInput()" debounce-delay="500" throttle-delay="1000">

在上述示例中，我们通过`debounce-delay`和`throttle-delay`属性分别设置了防抖和节流的延迟时间（以毫秒为单位）。

3. 在你的AngularJS控制器中，实现相应的处理函数：

$scope.handleInput = function() {
  // 处理输入事件
};

这样，当用户在输入框中输入时，`handleInput()`函数将根据防抖和节流的设置进行触发。

通过自定义指令或服务的方式，你可以在AngularJS中方便地封装防抖和节流函数，并在需要的地方进行复用。