Vue 的闭包

最新推荐文章于 2025-03-15 22:11:40 发布

风度翩翩的少年啊啊啊

最新推荐文章于 2025-03-15 22:11:40 发布

阅读量4.4k

点赞数

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/wo_jiao_liukai/article/details/125284945

版权

本文介绍了JavaScript中的闭包概念，它是指能够访问其他函数内部变量的函数，是函数内部和外部的桥梁。闭包的特点包括在函数返回后仍保持激活状态，以及未释放的栈区资源。文中通过两种写法展示了闭包的实现，并指出闭包在匿名自执行函数等场景中的应用，例如用于一次性执行的UI初始化任务。

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

闭包就是能够读取其他函数内部变量的函数。例如在javascript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解成“定义在一个函数内部的函数“。在本质上，闭包是将函数内部和函数外部连接起来的桥梁！

闭包的特点：
　　1. 作为一个函数变量的一个引用，当函数返回时，其处于激活状态。
　　2. 一个闭包就是当一个函数返回时，一个没有释放资源的栈区。

闭包的简单写法(以下只举例了两种)：

第一种写法：

一个函数里面套着另一个函数

function fun1() {
    var n = 0;
    function fun2() {
        n++;
        return n
    }
    return fun2;
}

let res = fun1();
for (let i = 0; i < 10; i++) {
    console.log(res());
}

第二种写法：

直接定义变量，用的比较多

var Circle={  
   "PI":3.14159,  
   "area":function(r){  
          return this.PI * r * r;  
   }  
};  
console.log( Circle.area( 1.0 ) );

闭包的用途：

匿名自执行函数：

除了每次使用变量都是用var关键字外，我们在实际情况下经常遇到这样一种情况，即有的函数只需要执行一次，其内部变量无需维护，比如UI的初始化，那么我们可以使用闭包。