js 闭包理解

作者: 果粒橙没有粒 | 来源:发表于2019-07-15 17:47 被阅读0次

    了解js中的全局变量和局部变量

    全局变量属于 window 对象,局部变量只能用于定义它函数内部。当全局和局部变量名称相同,它们也是两个不同的变量,值是互不影响的。

    列子:


    <!DOCTYPE html>

    <html>

    <head>

        <meta charset='utf-8'>

        <meta http-equiv='X-UA-Compatible' content='IE=edge'>

        <title>测试</title>

        <meta name='viewport' content='width=device-width, initial-scale=1'>

    <body>

        <p>测试</p>

    </body>

    <script>

        var a=2//全局变量a

        function test(){

            var a =1//局部变量a

            console.log(a)

        }

        test();

        function outPutA(){

            console.log(a)

        }

        outPutA();

    </script>

    </html>


    上面代码结果:

    当变量声明时不使用var关键字,那么它就变成了一个全局变量,即便它在函数内定义。上面代码test()里这样声明变量

    a=3;

    那么控制台就输出两个3,因为先执行了test(),全局变量a重新赋值为3;

    所以全局变量的作用域是全局性的,即在整个JavaScript程序中,全局变量在每一个函数内都能访问。

    函数内部声明的变量即局部变量,只能在函数内部起作用,作用域是局部性的;函数的参数也是局部性的,只在函数内部起作用。

    那么闭包是什么?

    闭包是一种保护私有变量的机制,在函数执行时形成私有的作用域,保护里面的私有变量不受外界干扰。

    列子:


    var add = (function () {

        var counter = 0;

        return function () {return counter += 1;}

    })();

        for(var i = 0;i<4;i++){

            console.log(add())

        }


    控制台输出1,2,3,4

    假如在add()外部重新给counter赋值,


    var add = (function () {

        var counter = 0;

        return function () {return counter += 1;}

    })();

        var counter =3;

        for(var i = 0;i<4;i++){

            console.log(add())

        }


    控制台仍然输出1,2,3,4

    所以闭包就将函数里面的变量保护起来,外部代码不能访问到函数内部的私有变量,只能通过add()函数改变counter的值。

    相关文章

      网友评论

        本文标题:js 闭包理解

        本文链接:https://www.haomeiwen.com/subject/ztznkctx.html