如何使用函数构造 JavaScript for 循环

Question

我正在为一个函数构建一个循环。

函数loop 接受一个值、一个测试函数、一个更新函数和一个主体函数。每次迭代，它首先对当前循环值运行测试函数，如果返回 false，则停止。然后它调用 body 函数，给它当前值。最终，它会调用更新函数来创建一个新值并从头开始。

loop(10, n => n > 0, n => n - 1, console.log);

function loop(a, b, c, d) {

    let currentValue = a;
    let i;
    for (i = 0; i < currentValue; i++) {
        if (b(currentValue)) {
            d(currentValue);
            update(c);

            function update(c) {
                var executeUpdate = c(currentValue);
                currentValue = executeUpdate;
            };
        } else {
            return;
        }
    };
}


// OUTPUT: 10, 9, 8, 7, 6

为什么这个函数停在6而不是1？

Answer 1

function update(c) {
  var executeUpdate = c(currentValue);
  console.log('value of exeucteUpdate: ',executeUpdate, 'when i:', i)
  currentValue = executeUpdate;
};

在update 函数中执行console.log，您会注意到i == 4，executeUpdate 为5，并且您更新了forloop 的值，因此循环在此特定循环处终止

Answer 2

您可以使用少量的 console.logs 来查看它。

其实for-cycle在currentValue和i等于5的时候就结束了，所以条件不成立，循环就结束了。

但是您的情况没有任何意义，您正在将 true 与某个数字进行比较（如您在日志中所见）

loop(10, n => n > 0, n => n - 1, console.log);

function loop(a, b, c, d) {

    let currentValue = a;
    let i;
    for (i = 0; i < currentValue; i++) {
        console.log(i, currentValue);
        console.log(b(currentValue), currentValue)
        if (b(currentValue) < currentValue) {
            d(currentValue);
            update(c);

            function update(c) {
                var executeUpdate = c(currentValue);
                currentValue = executeUpdate;
            };
        } else {
            console.log('I am not here');
            return;
        }
    }
    console.log('finished', i, currentValue);
}