我可以将参数传递给使用_.lodash去抖动的函数吗?

时间:2021-05-26 11:02:11

I have been trying to use _lodash.debounce() and i have it working. However i am not sure if it's working the best way it could be. I looked at the example on the lodash web site and they seem to be just simple examples that don't pass around parameters. Here's what i have:

我一直在尝试使用_lodash.debounce(),我让它工作。但是我不确定它是否能以最好的方式工作。我查看了lodash网站上的示例,它们似乎只是简单的示例,不传递参数。这就是我所拥有的:

$scope.parsePid = _.debounce(function () {
    $scope.$apply(function () {
        var pid = $scope.option.sPidRange;
        if (pid == null || pid === "") {
            $scope.pidLower = null;
            $scope.pidUpper = null;
        }
        else if (pid.indexOf("-") > 0) {
            pid = pid.split("-");
            $scope.pidLower = parseInt(pid[0]);
            $scope.pidUpper = parseInt(pid[1]);
        }
        else {
            $scope.pidLower = parseInt(pid);
            $scope.pidUpper = null;
        }
    });
}, 1500);

The above code returns a function $scope.parsePid that's debounced. Notice that on the 4th line i get the value of $scope.option.SPidRange and use that in the function. I really want to somehow pass in this parameter rather than get it this way.

上面的代码返回一个被去抖动的函数$ scope.parsePid。请注意,在第4行,我得到$ scope.option.SPidRange的值,并在函数中使用它。我真的想以某种方式传递这个参数而不是这样。

I call the function like this:

我把这个函数称为:

$scope.$watch("option.sPidRange", function (pid) {
    if (pid !== null) {
        $scope.parsePid();
    }
});

Here the value pid should be equal to $scope.parsePid

这里的值pid应该等于$ scope.parsePid

I would like to pass this value of pid into the debounced function but i am not sure how to do this. I tried a few different things but the debounce function gives an error.

我想将这个pid值传递给debounced函数,但我不知道该怎么做。我尝试了一些不同的东西,但去抖功能会出错。

Is it possible to pass parameters into the debounced function $scope.parsePid() ?

是否可以将参数传递到去抖动函数$ scope.parsePid()?

1 个解决方案

#1


10  

UPDATE

You should pass an argument into the function: _.debounce(function (pid) {

你应该将一个参数传递给函数:_.debounce(function(pid){

An example with debounce

去抖动的一个例子

$scope.parsePid = _.debounce(function(pid){
  $scope.$apply(function(){
    if (pid === null || pid === "") {
      $scope.pidLower = null;
      $scope.pidUpper = null;
    } else if (pid.indexOf("-") > 0) {
      pid = pid.split("-");
      $scope.pidLower = parseInt(pid[0],10);
      $scope.pidUpper = parseInt(pid[1],10);      
    } else {
      $scope.pidLower = parseInt(pid,10);
      $scope.pidUpper = null;
    }      
  });
},1500);

I would use the built-in $timeout

An example with $timeout

$ timeout的示例

var promise;

$scope.parsePid = function(pid){
  $timeout.cancel(promise);
  promise = $timeout(function(){     
    if (pid === null || pid === "") {
      $scope.pidLower = null;
      $scope.pidUpper = null;
    } else if (pid.indexOf("-") > 0) {
      pid = pid.split("-");
      $scope.pidLower = parseInt(pid[0],10);
      $scope.pidUpper = parseInt(pid[1],10);      
    } else {
      $scope.pidLower = parseInt(pid,10);
      $scope.pidUpper = null;
    }
  },1500);
};

#1


10  

UPDATE

You should pass an argument into the function: _.debounce(function (pid) {

你应该将一个参数传递给函数:_.debounce(function(pid){

An example with debounce

去抖动的一个例子

$scope.parsePid = _.debounce(function(pid){
  $scope.$apply(function(){
    if (pid === null || pid === "") {
      $scope.pidLower = null;
      $scope.pidUpper = null;
    } else if (pid.indexOf("-") > 0) {
      pid = pid.split("-");
      $scope.pidLower = parseInt(pid[0],10);
      $scope.pidUpper = parseInt(pid[1],10);      
    } else {
      $scope.pidLower = parseInt(pid,10);
      $scope.pidUpper = null;
    }      
  });
},1500);

I would use the built-in $timeout

An example with $timeout

$ timeout的示例

var promise;

$scope.parsePid = function(pid){
  $timeout.cancel(promise);
  promise = $timeout(function(){     
    if (pid === null || pid === "") {
      $scope.pidLower = null;
      $scope.pidUpper = null;
    } else if (pid.indexOf("-") > 0) {
      pid = pid.split("-");
      $scope.pidLower = parseInt(pid[0],10);
      $scope.pidUpper = parseInt(pid[1],10);      
    } else {
      $scope.pidLower = parseInt(pid,10);
      $scope.pidUpper = null;
    }
  },1500);
};