js 闭包常见的两种情况的简单解析

最新推荐文章于 2024-11-10 12:03:31 发布

jiaweimin123

最新推荐文章于 2024-11-10 12:03:31 发布

阅读量462

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： html javascript 闭包

本文链接：https://blog.youkuaiyun.com/jiaweimin123/article/details/78056930

javascript 专栏收录该内容

41 篇文章

订阅专栏

本文通过两个具体示例详细解析了JavaScript中闭包的两种常见使用场景：函数作为返回值与函数作为参数传递。重点阐述了在不同情况下变量max的作用域查找规则及其对函数行为的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//闭包两种情况  1：函数作为返回值
function fn() {
    var max =10;
    return function bar(x) {
        if(x > max){
          console.log(x)
        }else{
            console.log(666)
        }
    }
}
var f1=fn(),max = 100;
f1(15)    //15
//这里fn()赋给f1,调用f1时，即执行bar函数，此时x=15,
//max的取值需是创建该函数的作用域内，即max=10;最后输出15.

//2：函数作为参数传递
    var max=10,
        fn=function (x) {
            if(x > max){
                console.log(x)
            }else{
                console.log('000')
            }
        };
        (function (f) {
            var max = 100;
            f(15)
        })(fn)
    //这是第二种情况，fn函数作为f参数，f(15)就是执行 fn(15);
    //此时x=15,max的取值应该是创建fn函数的作用域内取，即10，输出结果是15；