javascript - 通过创建回调默认值参数使局部变量可访问

标签 javascript

function foo1(var1, var2) {        
    foo2(var1, function(result){
        console.log(var2)             
    });   
}         

据我所知,上面的代码会返回一个 typeError,指出 var2 未定义。我找到的一般解决方案是将所需变量 (var2) 传递给 foo2 并更改 foo2 以将 var2 发送到回调。这会起作用,但我认为改变 foo2 以适应一个功能的需要并不是一个好的解决方案,因为它使 foo2 失去了它的通用目的。

我认为通过更改回调函数将 var2 作为默认值包含在内可以解决:

function foo1(var1, var2) {
    foo2(var1, function(result, var2=var2){
        console.log(var2)             
    });   
} 

这样,当 foo2 调用传递的回调函数时,一旦定义了默认值,它就不需要发送一次第三个参数。 但这似乎不起作用。谁能帮我找到最好的方法?

我可能会问一个基本问题,但请记住,我对 node 和 js 世界总体上还是个新手。

最佳答案

您认为您的代码会抛出错误的假设是错误的。 console.log 语句将打印 var2 的值。您可以在这里尝试:

function foo1(var1, var2) {        
    foo2(var1, function(result){
        console.log(var2)             
    });   
}         

function foo2(v1, callback) {
    callback('result');
}

foo1('var1', 'var2');

为什么 var2 不是未定义的?因为它在 foo1 函数的范围内。 foo2 在该函数范围内调用,并在该函数范围内定义了一个匿名函数(回调)。匿名回调函数可以访问周围函数范围内的所有内容。

关于javascript - 通过创建回调默认值参数使局部变量可访问,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43682766/

相关文章:

javascript - 克隆另一个 div,此时 jquery 不起作用

javascript - 在 Jest 中使用 'new' 关键字模拟外部服务

javascript - PHP 资源上的 Azure 网站 404(未找到)

javascript - 如何检查我的复选框列表是否已选中或未选中 AngularJS 2

javascript - 在 jquery 就绪函数中声明函数的最佳实践

javascript - 如何 "bubble up"回调

javascript - 使用 jquery 切换带有回调代码的图像

javascript - 匹配类似 Excel 的引用单元格的正则表达式

javascript - 表单验证未正确响应

Javascript 定时器仅在第一次触发