您的位置:首页 > Web前端 > JavaScript

JS学习笔记:JavaScript匿名函数与闭包(closure)

2016-03-03 23:38 609 查看
            学JavaScript有段时间了,遇到闭包问题有时还是会犯错,最近在整理笔记,也以此来加深理解。

这部分之所以会放在一起整理,是因为匿名函数和闭包的概念很容易混淆,经常会用错。

        闭包作为JavaScript的一个难点,也是它的一个特色,很多高级应用都要通过闭包实现,正确的理解和使用闭包是很重要的。闭包是建立在匿名函数之上的,所以先要正确了解匿名函数。

匿名函数
       匿名函数简单来说就是没有函数名的函数。

       先看一个普通函数的例子:

function f1() { //函数名是 f1
return 'f1()';
}

         这个函数如果匿名会是:

function () { //匿名函数,会报错
return 'noname';
}


        匿名函数赋值:

var f1 = function () { //将匿名函数赋给变量
return 'f1';
};
alert(f1()); //调用方式和函数调用相似

      函数里的匿名函数:

function box () {
return function () { //函数里的匿名函数,产生闭包
return 'Lee';
}
}
alert(box()()); //调用匿名函数


 闭包
          简单来讲,闭包就是能够读取其他函数内部变量的函数。

         闭包是指有权访问另一个函数作用域中的变量的函数, 创建闭包的常见的方式, 就是在一个函数内部创建另一个函数,通过另一个函数访问这个函数的局部变量。

写一个通过闭包返回局部变量的例子:

function f1() {
var user = 'Lee';
return function () { //通过匿名函数返回 f1()局部变量
return user;
};
}
alert(f1()()); //通过f1()()来直接调用匿名函数返回值
var f= f1();
alert(f()); //另一种调用匿名函数返回值


闭包的用途
          闭包可以用在许多地方。它的最大用处有两个,一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。

 例如:通过匿名函数实现累加

var age = 100;
return function () {
age ++;
return age;
}
}
var b = box(); //获得函数
alert(b()); //调用匿名函数
alert(b()); //第二次调用匿名函数,实现累加


使用闭包的注意点

1)使用闭包有一个优点,也是它的缺点:就是可以把局部变量驻留在内存中,可以避免使用全局变量。同时,由于闭包里作用域返回的局部变量资源不会被立刻销毁回收,所以可能会占用更多的内存。过度使用闭包会导致性能下降,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。PS:如果并没有使用解除引用,那么需要等到浏览器关闭才得以释放。

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

3)在闭包中使用 this 对象也可能会导致一些问题,this 对象是在运行时基于函数的执行环境绑定的,如果 this 在全局范围就是 window,如果在对象内部就指向这个对象。而闭包却在运行时指向 window 的,因为闭包并不属于这个对象的属性或方法。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: