javascript - 访问传递给回调的变量

Question

谁能解释为什么以下不起作用？watchLog() 中的 setTimeout 回调将输出 undefined。

function initWatchers() {
    if (config.watchLogs.length >= 1) {
        config.watchLogs.forEach(function(path) {
            watchLog(path);
        });
    }
}

function watchLog(path) {
    setTimeout(function(path) {
        console.log(path)
    }, 1000);
}

Answer 1

因为setTimeout，在调用回调函数时，并没有向函数中传递任何参数。因此function (path)中的参数path没有获得任何值并且是undefined。此外，它还会隐藏外部作用域中的 path 变量，并替换它(用 undefined)。你实际上想要这个:

function watchLog(path) {
    setTimeout(function () {
    // no shadowing arg ^^
        console.log(path)
    }, 1000);
}