闭包算是js里面比较不容易理解的点,尤其是对于没有编程基础的人来说。
其实闭包要注意的就那么几条,如果你都明白了那么征服它并不是什么难事儿。下面就让我们来谈一谈闭包的一些基本原理。
闭包的概念
一个闭包就是一个函数和被创建的函数中的作用域对象的组合。(作用域对象下面会说)
通俗一点的就是 “ 只要一个函数中嵌套了一个或多个函数,那么我们就可以称它们构成了闭包。 ”
类似这样:
function A() { var i = 5; return function() { console.log('i = '+i); }}var a = A();a(); // i = 5
闭包的原理
1、外部函数的局部变量若会被闭包函数调用就不会在外部函数执行完毕之后立即被回收。
我们知道,不管什么语言,操作系统都会存在一个垃圾回收机制,将多余分配的空间回收掉以便减小内存。而一个函数的生命周期的是从调用它开始的,在函数调用完毕的时候函数内部的局部变量等都会被回收机制回收。
我们拿上述例子来说,当我们的外部函数A调用完毕时,A中的局部变量i按理说就会被操作系统回收而不存在,但是当我们用了闭包结果就不是那样了,i并不会被回收。试想,如果i被回收了那么返回的函数里面岂不是就是打印undefined了?
i为什么没有被回收?
在javascript执行一个函数的时候都会创建一个作用域对象,将函数中的局部变量(函数的形参也是局部变量)保存进去,伴随着那些传入函数的变量一起被初始化。
所以当调用A的时候就创建了一个作用域对象,我们姑且称之为Aa,那么这个Aa应该是这样的: Aa { i: 5; }; 在A函数返回一个函数之后,A执行完毕。Aa对象本应该被回收,但是由于返回的函数使用了Aa的属性i,所以返回的函数保存了一个指向Aa的引用,所以Aa不会被回收。
所以理解作用域对象,就能理解为什么函数的局部变量在遇到闭包的时候不会在函数调用完毕时立即被回收了。
再来个例子:
function A(age) { var name = 'wind'; var sayHello = function() { console.log('hello, '+name+', you are '+age+' years old!'); }; return sayHello;}var wind = A(20);wind(); // hello, wind, you are 20 years old!
你能说出的它的作用域对象Ww是什么吗?
Ww{ age: 20; name: 'wind'; };
2、每调用一次外部函数就产生一个新的闭包,以前的闭包依旧存在且互不影响。
3、同一个闭包会保留上一次的状态,当它被再次调用时会在上一次的基础上进行。
每调用一次外部函数产生的作用域对象都不一样,你可以这样想,上面的例子,你每次传入的参数age不一样,所以就每次生成的对象不一样。
新闻热点
疑难解答
图片精选