十二、JavaScript 闭包

最新推荐文章于 2024-06-10 22:18:41 发布

HJHO

最新推荐文章于 2024-06-10 22:18:41 发布

阅读量51

点赞数

分类专栏： JavaScript高级文章标签： javascript html5 css

本文链接：https://blog.csdn.net/weixin_49576031/article/details/120730681

版权

JavaScript高级专栏收录该内容

10 篇文章 0 订阅

订阅专栏

概念: 能够读取其他函数内部变量的函数。

特点：

扩展作用域
隐匿变量
闭包内的作用域是公用的。

在使用闭包是需要注意。

我们利用闭包模仿块级作用域，将某些变量保存在内存中，但也因此会给我们带来一些问题。大量使用闭包会使很多变量保存在内存中，影响网页性能，所以使用时，对不用的局部变量，要记得手动删除。

特殊：

匿名函数具有全局性
this和arguments是俩特殊的变量，内部函数在搜索这俩个变量时，只会搜索到自己的活动对象（当执行环境是函数时，所关联的变量对象。）。因此永远也不可能直接访问外部函数的这俩变量。

例子：👇

 //非严格模式
    var name = "the window";
    var obj = {
      name: " the object",
      sayName: function () {
        var that = this; //先将this保存到闭包可以访问的地方,
        return function () {
          console.log(this) //this =>  window 
          console.log(this.name) ;//"the window";
          console.log(that.name) ;//"the window";
          return that.name; 
        }
      }
    }

arguments同理：当前函数的arguments

闭包的简单用途

<body>
  <input type="button" value="1">
  <input type="button" value="2">
  <input type="button" value="3">
  <input type="button" value="4">
  <input type="button" value="5">
  <script>
     let lis = document.getElementsByTagName('input');
     console.log( lis )
     for (var i = 0; i < 5; i++) {
       lis[i].onclick = (function(num){
         return function(){
           alert("i:"+ (num+1) )
         }
       })(i) //自调用函数传递的进闭包的值
       // console.log(i)= 5
     }
  </script>
</body>

这个return回去的匿名函数，正是我们所创建的闭包，它可以访问它的上一层作用域中的变量num,而因为函数传参是按值传参的，所以针对每一个i,在匿名函数执行时，i都会形成一个相应的副本，而因为闭包内保持着对外部变量num的引用，所以虽然闭包的外部函数（即匿名立即执行函数）已经执行完毕，但是其作用域链仍然在引用该立即执行函数的活动对象，尽管此时它的执行环境已经被销毁。
所以闭包的一个重要作用就是，让某些变量的值始终保持在内存中，即模仿块级作用域
闭包的另一个作用就是使得外部作用域可以访问内部作用域的变量(根据上面所讲的作用域的知识，我们知道默认情况下，这是不可能的)但是闭包可以实现。

无奈源于不够强大

HJHO

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
十二、JavaScript 闭包

概念: 能够读取其他函数内部变量的函数。特点：扩展作用域隐匿变量闭包内的作用域是公用的。在使用闭包是需要注意。我们利用闭包模仿块级作用域，将某些变量保存在内存中，但也因此会给我们带来一些问题。大量使用闭包会使很多变量保存在内存中，影响网页性能，所以使用时，对不用的局部变量，要记得手动删除。特殊：匿名函数具有全局性this和arguments是俩特殊的变量，内部函数在搜索这俩个变量时，只会搜索到自己的活动对象（当执行环境是函数时，所关联的变量对象。）。因此永远也不可能直接
复制链接

扫一扫