淺談js閉包理解

更新時間：2019年04月01日 14:51:34 作者：yujin0222

這篇文章主要介紹了js閉包理解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

閉包是js中的一大特色，也是一大難點。簡單來說，所謂閉包就是說，一個函數能夠訪問其函數外部作用域中的變量。

閉包的三大特點為：

1、函數嵌套函數

2、內部函數可以訪問外部函數的變量

3、參數和變量不會被回收。

舉例來說：

function test(){
   var a=1;
   return function(){
    alert(a);
   }
  }
  var try=test();
  try();//彈出a的值

這個例子中，變量a在test方法外部是無法訪問的，但test方法里面，嵌套了一個匿名函數，通過return返回，test作用域中的變量a，

可以在匿名函數中訪問。并且當test方法執(zhí)行后，變量a所占內存并不會釋放，以達到嵌套的函數還可以訪問的目的。

閉包的作用在于，可以通過閉包，設計私有變量及方法。

舉例來說：在java中創(chuàng)建perosn類，含有私有變量name。

public class Person{
  private String name='wy';
  public Person(val){
    name=val;
  }
  public void setName(val){
    name=val;
  }
  public String getName(){
   return name;
  }
}

在js中實現類似java創(chuàng)建類的功能：

(function(){
      var name="wangyu";
      Person=function (val) {
        name=val;
      }
      Person.prototype.setName=function(val){
        name=val;
      }
      Person.prototype.getName=function () {
        return name;
      }
    })();
   var person1=new Person("sj");
   alert(this.name)//undefined 因為在function作用域外不能訪問
   alert(person1.getName());//sj

在function里面的name，由于是在function作用域中，所以外部無法訪問，但是可以通過創(chuàng)建person對象，調用person的方法，來達到修改和訪問name值的目的，類似于java類中的私有變量，外部無法訪問，只能通過類方法訪問。

再看一個私有變量的例子：

var aaa = (function(){
    var a = 1;
    function bbb(){
        a++;
        alert(a);
    }
    function ccc(){
        a++;
        alert(a);
    }
    return {
        b:bbb,       //json結構
        c:ccc
    }
  })();
  alert(aaa.a)//undefined 
  aaa.b();   //2
  aaa.c()   //3

總結：

1、閉包是指有權訪問另一個函數作用域中的變量的函數，創(chuàng)建閉包的最常見的方式就是在一個函數內創(chuàng)建另一個函數，通過另一個函數訪問這個函數的局部變量。閉包的缺點就是常駐內存，會增大內存使用量，使用不當很容易造成內存泄露。

2、不必糾結到底怎樣才算閉包，其實你寫的每一個函數都算作閉包，即使是全局函數，你訪問函數外部的全局變量時，就是閉包的體現。

以上所述是小編給大家介紹的js閉包理解詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

您可能感興趣的文章: