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方法執行後,變數a所佔記憶體並不會釋放,以達到巢狀的函式還可以訪問的目的。
閉包的作用在於,可以通過閉包,設計私有變數及方法。
舉例來說:在java中建立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建立類的功能:
-
(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());//wangyu
在function裡面的name,由於是在function作用域中,所以外部無法訪問,但是可以通過建立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、閉包是指有權訪問另一個函式作用域中的變數的函式,建立閉包的最常見的方式就是在一個函式內建立另一個函式,通過另一個函式訪問這個函式的區域性變數。閉包的缺點就是常駐記憶體,會增大記憶體使用量,使用不當很容易造成記憶體洩露。
2、不必糾結到底怎樣才算閉包,其實你寫的每一個函式都算作閉包,即使是全域性函式,你訪問函式外部的全域性變數時,就是閉包
的體現。