节流里的父级作用域里的代码为什么只执行了一次？

Question

在节流的一个写法里，他在父作用域里会写时间戳赋值为0，当我重复调用的时候，为什么我打印一看这个父作用域的时间戳就不再重新赋值了，外面调用这个节流的时候，一直执行的都是return后面的函数，这个父函数里的内容都不执行了（包含console语句也不执行）

请问这个是什么原因呢？这个节流函数我并没有赋值变量再去调用，而是直接调用节流函数，为什么整个函数体只执行了return后面的部分？

Answer 1

让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如果还有疑问可以评论或留言

问题分析： 根据提供的代码和截图，可以看出这个节流函数在执行的过程中，确实只执行了 `return` 语句后面的部分，而函数体内的其他代码都没有执行。 原因分析： 根据函数的执行流程，可以得知当函数被重复调用时，会先执行函数体内的代码，然后才会执行 `return` 语句后面的部分。但是，在这个节流函数中，我们可以发现当函数被重复调用时，函数体内的代码并没有被执行。 这是因为在函数体内的第一个条件判断语句里，有一个时间戳的赋值操作 `previous`，该赋值操作只会在第一次调用函数时执行一次，后续重复调用函数时，由于时间戳 `now` 已经被更新为当前时间戳，因此该条件判断语句的结果一定为 `false`，从而直接跳过了函数体内的其他代码而直接执行了 `return` 语句后面的部分。 解决方法： 为了解决上述问题，我们需要每次调用函数时都重新更新时间戳 `previous` 的值，而不是只在第一次调用函数时更新。 代码示例：

function throttle(func, wait) {
  var previous = 0;
  return function() {
    var now = +new Date();
    if (now - previous > wait) {
      previous = now;
      func.apply(this, arguments);
    }
  };
}

在上述代码示例中，我们将时间戳赋值语句 previous = now 移动到了条件判断语句内部，这样每次调用函数时都会重新更新时间戳的值，从而保证函数体内的代码能够被正常执行。