闭包的 9 大经典使用场景

最新推荐文章于 2024-08-26 10:49:39 发布

魏来码农

最新推荐文章于 2024-08-26 10:49:39 发布

阅读量1.3k

点赞数

分类专栏： Javaee 文章标签： javascript es6

本文链接：https://blog.csdn.net/qfguan/article/details/121144383

版权

本文详细介绍了JavaScript中闭包的九种经典使用场景，包括：通过返回值返回内部变量、函数赋值保持状态、作为参数传递、IIFE自执行函数、循环中的变量隔离、getter和setter实现封装、迭代器、避免重复执行以及缓存优化。通过这些实例，深入理解闭包的作用和价值。

摘要由CSDN通过智能技术生成

1、返回值（最常用）

//1.返回值 最常用的
function fn(){
    var name="hello";
    return function(){
        return name;
    }
}
var fnc = fn();
console.log(fnc())//hello

这个很好理解就是以闭包的形式将name返回。

2、函数赋值

var fn2;
function fn(){
    var name="hello";
    //将函数赋值给fn2
    fn2 = function(){
        return name;
    }
}
fn()//要先执行进行赋值，
console.log(fn2())//执行输出fn2

在闭包里面给fn2函数设置值，闭包的形式把name属性记忆下来，执行会输出hello。

3、函数参数

function fn(){
    var name="hello";
    return function callback(){
        return name;
    }
}
var fn1 = fn()//执行函数将返回值（callback函数）赋值给fn1，
 
function fn2(f){
    //将函数作为参数传入
    console.log(f());//执行函数，并输出
}
fn2(fn1)//执行输出fn2

用闭包返回一个函数，把此函数作为另一个函数的参数，在另一个函数里面执行这个函数，最终输出hello