js 中的闭包

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 中的闭包相关的知识,希望对你有一定的参考价值。

闭包:闭包是指有权访问另一个函数作用域中的变量的函数,创建闭包的常见方式是 在一个函数内部创建另一个函数
        (从定义上讲 js 中所有的函数都是闭包)

function a(){
    var i=0;
    function b(){
      alert(++i);
    }
    return b;
}
var c=a();
c();

以上代码的特点:            

  1、函数b嵌套在函数a内部;
      2、函数a返回函数b。
       当函数a的内部函数b被函数a外的一个变量引用的时候,就创建了一个闭包。
            闭包就是函数或代码块执行完后不回收a中占用的资源,因为a的内部函数的执行需要依赖a中的变量
            PS:全局环境的变量对象始终存在,像函数中的局部环境变量,则只在函数执行的过程中存在
            作用域链本质上是一个指向变量对象的指针列表,它只引用但不实际包含变量对象。

            PS: 由于闭包会携带包含它的函数的作用域,因此会比其他函数占用更多的内存。过渡使用闭包可能会导致内存占用过多
            所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。           

闭包的用处: 

  a.读取函数内部的变量。

      b.让这些变量的值始终保持在内存中。           

使用闭包的注意点
  1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,
      否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。

  2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,
      把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),
      这时一定要小心,不要随便改变父函数内部变量的值。

 

闭包容易造成的问题:  

function a(){
  var result = new Array();
  for (var i=0; i < 10; i++){
    result[i] = function(num){
      return function(){
        return num;
      };
    }(i); //若此处不传入 i值 运行代码后 获取的值 都是 10
  }
  return result;
}
var name = "The Window";
var object = {
  name : "My Object",
  getNameFunc : function(){
    return function(){
      return this.name;
    };
  }
};
alert(object.getNameFunc()()); //"The Window"(在非严格模式下)

object.getNameFunc()  执行后 返回的是一个函数  后面的括号又运行了该函数 相当于该函数是在全局环境中运行的。

在全局环境中this 默认指向的是window对象

所以函数里面的this.name  就是全局的变量name

解决办法:

我们知道,闭包的一个作用就是读取函数内部的变量。

如果要获取本来的对象 可以将本来的this 保存在另一个自定义的变量中 然后将该变量传入返回的函数里面。

这样该变量就会一直保存在内存中 不会被销毁

 

















以上是关于js 中的闭包的主要内容,如果未能解决你的问题,请参考以下文章

js 中的闭包

谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js

js中的闭包问题

VSCode自定义代码片段——JS中的面向对象编程

VSCode自定义代码片段9——JS中的面向对象编程

js中的闭包