深度讲解闭包问题

最新推荐文章于 2024-07-18 11:30:34 发布

森屿海港-

最新推荐文章于 2024-07-18 11:30:34 发布

阅读量143

点赞数

分类专栏： js常见小demo 文章标签： js

本文链接：https://blog.csdn.net/weixin_45163951/article/details/119641344

版权

js常见小demo 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

闭包在js中相当于难理解的问题了，但是理清思路也并不是那么难

  function add() {
            var age = 18;
            console.log(age);
            return function(){
                age++;
                console.log(age);
            }
    }
    var func = add();
    console.log(func);

首先看上面的代码：

1、定义一个函数add()

2、里面定义一个变量 age

3、打印输出一下 age

在输入一个函数的返回值

return function(){

age++;

console.log(age);

}

4、

var func = add();

将这个函数调用一下并且返回的值赋值给func，add()函数被销毁，这个func就是一个闭包，他里面所用到变量，会在add()里面去找，找到后回打包一个包，执行这个函数，他会执行一次，这个函数运行完是不会被销毁的，

那么函数add()将会被调用，会打印输出 console.log(age); 输出为 18

然后函数的返回值是一个函数被放在了func这个变量里

打印 console.log(func);

输出为

是一个函数

如果给这个变量加一个小括号（），相当于执行了该函数

func();

那么输出结果为：19

如果再调用一次 func();

那么结果就是20；

因为该函数运行时，函数中的age已经被重行赋值为19了，下次再调用该函数，因为再一个作用域里，他就会age++；

但是如果我们把 var func = add();后面再重新定义一个var func1 = add();

那么func1就是一个新的函数，他不会根据上面的age进行累加，他会重新定义

  function add() {

            var age = 18;

            console.log(age);

            return function(){

                age++;

                console.log(age);

            }

    }

这个函数，从而实现新的函数域，定义的变量不同，函数域是独立的，从而互不影响