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闭包

    一分钟理解js闭包,关于js闭包的内容介绍了很多,本文带着大家快速理解什么是js闭包,感兴趣的小伙伴们可以参考一下...

  • 一分钟带你弄懂闭包

    一分钟理解js闭包,关于js闭包的内容介绍了很多,本文带着大家快速理解什么是js闭包,感兴趣的小伙伴们可以参考一下...

  • 什么是闭包?几分钟告诉你

    一分钟理解js闭包,关于js闭包的内容介绍了很多,本文带着大家快速理解什么是js闭包,感兴趣的小伙伴们可以参考一下...

  • 一分钟带你弄懂闭包

    一分钟理解js闭包,关于js闭包的内容介绍了很多,本文带着大家快速理解什么是js闭包,感兴趣的小伙伴们可以参考一下...

  • JS闭包入门

    最近有看到朋友的面经里提到的JS闭包的问题,就想研究研究,以下是我对JS闭包的简单理解。 到底什么是JS闭包? 定...

  • JS 闭包(Closure)

    参考阮一峰老师的JS 闭包 理解闭包前需要理解变量作用域、变量提升 JS作用域 那如何让它依次打印,12345呢;...

  • JS闭包理解

    闭包的概念 闭包就是能够读取其他函数内部变量的函数。 一、变量的作用域 要理解闭包,首先必须理解Javascrip...

  • js闭包理解

    什么是闭包简单来说,闭包是指可以访问另一个函数作用域变量的函数,一般是定义在外层函数中的内层函数。 为什么需要闭包...

  • JS闭包理解

    举一个例子来说明闭包: 上述代码中每次执行m(),a的值都会加1。 例子的原理 因为上述代码中当执行A()的时候,...

  • 理解js闭包

    如果你学JavaScript已经有一段时间了,你一定听过js闭包。这也是前端面试非常喜欢问的问题,所以理解js闭包...

网友评论

    本文标题:js 闭包理解

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