1. 程式人生 > >js閉包理解(一)

js閉包理解(一)

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

閉包的三大特點為

1、函式巢狀函式

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

3、引數和變數不會被回收。

舉例來說:

  1. function test(){

  2. var a=1;

  3. return function(){

  4. alert(a);

  5. }

  6. }

  7. var try=test();

  8. try();//彈出a的值

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

可以在匿名函式中訪問。並且當test方法執行後,變數a所佔記憶體並不會釋放,以達到巢狀的函式還可以訪問的目的。

閉包的作用在於,可以通過閉包,設計私有變數及方法。

舉例來說:在java中建立perosn類,含有私有變數name。

  1. public class Person{

  2. private String name='wy';

  3. public Person(val){

  4. name=val;

  5. }

  6. public void setName(val){

  7. name=val;

  8. }

  9. public String getName(){

  10. return name;

  11. }

  12. }


在js中實現類似java建立類的功能:

  1. (function(){

  2. var name="wangyu";

  3. Person=function (val) {

  4. name=val;

  5. }

  6. Person.prototype.setName=function(val){

  7. name=val;

  8. }

  9. Person.prototype.getName=function () {

  10. return name;

  11. }

  12. })();

  13. var person1=new Person("sj");

  14. alert(this.name)//undefined 因為在function作用域外不能訪問

  15. alert(person1.getName());//wangyu

在function裡面的name,由於是在function作用域中,所以外部無法訪問,但是可以通過建立person物件,呼叫person的方法,來達到

修改和訪問name值的目的,類似於java類中的私有變數,外部無法訪問,只能通過類方法訪問。

再看一個私有變數的例子:

  1. var aaa = (function(){

  2. var a = 1;

  3. function bbb(){

  4. a++;

  5. alert(a);

  6. }

  7. function ccc(){

  8. a++;

  9. alert(a);

  10. }

  11. return {

  12. b:bbb, //json結構

  13. c:ccc

  14. }

  15. })();

  16. alert(aaa.a)//undefined

  17. aaa.b(); //2

  18. aaa.c() //3


總結:

1、閉包是指有權訪問另一個函式作用域中的變數的函式,建立閉包的最常見的方式就是在一個函式內建立另一個函式,通過另一個函式訪問這個函式的區域性變數。閉包的缺點就是常駐記憶體,會增大記憶體使用量,使用不當很容易造成記憶體洩露。

2、不必糾結到底怎樣才算閉包,其實你寫的每一個函式都算作閉包,即使是全域性函式,你訪問函式外部的全域性變數時,就是閉包

的體現。