js中作用域，闭包问题

JavaScript020

js中作用域，闭包问题,第1张

这篇文章主要介绍了JavaScript中的作用域和闭包问题,是JS入门学习中的基础知识,需要的朋友可以参考下

JavaScript的作用域以函数为界，不同的函数拥有相对独立的作用域。函数内部可以声明和访问全局变量，也可以声明局部变量（使用var关键字，函数的参数也是局部变量），但函数外部无法访问内部的局部变量：

function test() {

var a = 0// 局部变量

b = 1// 全局变量

}

a = ?, b = ? // a为undefined，b为1

同名的局部变量会覆盖全局变量，但本质上它们是两个独立的变量，一方发生变化不会影响另一方：

a = 5// 函数外a的值为5

function test() {

var a = 4// 函数内a的值为4

}()

a = ? // 函数外a的值仍为5，不受函数影响

一般而言，函数结束后，对函数内部变量的引用全部结束，函数内的局部变量将被回收，函数的执行环境将被清空，但是，如果以内部函数作为函数的返回结果，情况就会发生变化：

function test(i) {

var b = i * i

return function() {

return b--

}

}

var a = test(8)

a()// 返回值为64， 内部变量b为63

a()// 返回值为63， 内部变量b为62

当以内部函数作为返回值时，因为函数结束后内部变量的引用并未结束，所以函数的局部变量无法回收，函数的执行环境被保留下来，因而形成了闭包效果，可以通过该引用访问本该被回收的内部变量。

闭包还使得函数的局部变量成为“私有”变量，只能通过返回的内部函数访问，而无法通过其他任何手段去改变。

因此，闭包可用于维持局部变量和保护变量。

不使用闭包的情况：

var a = []// 假设a中包含5个元素

for (var i = 0, m = a.lengthi <mi++) {

a[i].onclick = function(e) {

return 'No. ' + i

}

}

// 点击任何一个元素，返回值都是“No. 5”，因为i最后的值

闭包是指有权访问另外一个函数作用域中的变量的函数。

闭包就是函数的局部变量集合，只是这些局部变量在函数返回后会继续存在。闭包就是就是函数的“堆栈”在函数返回后并不释放，我们也可以理解为这些函数堆栈并不在栈上分配而是在堆上分配。当在一个函数内定义另外一个函数就会产生闭包。

作用是：匿名自执行函数：我们知道所有的变量，如果不加上var关键字，则默认的会添加到全局对象的属性上去，这样的临时变量加入全局对象有很多坏处，比如：别的函数可能误用这些变量；造成全局对象过于庞大，影响访问速度(因为变量的取值是需要从原型链上遍历的)。除了每次使用变量都是用var关键字外，我们在实际情况下经常遇到这样一种情况，即有的函数只需要执行一次，其内部变量无需维护，可以用闭包。

结果缓存：我们开发中会碰到很多情况，设想我们有一个处理过程很耗时的函数对象，每次调用都会花费很长时间，那么我们就需要将计算出来的值存储起来，当调用这个函数的时候，首先在缓存中查找，如果找不到，则进行计算，然后更新缓存并返回值，如果找到了，直接返回查找到的值即可。闭包正是可以做到这一点，因为它不会释放外部的引用，从而函数内部的值可以得以保留。

前几天看了一篇关于闭包的文章，才想起还有闭包这东西，好久没有用到，都快把它忘记了。

于是才复习一下，记下这文章，本文主要说明：

Js中所有的function都是一个闭包。不过我们一般所说的闭包是由嵌套的function所产生的，嵌套的function所产生的闭包更加强大。

闭包的作用就是在a执行完并返回后，闭包使得js的垃圾回收机制GC不会收回a所占用的资源，因为a的内部函数b的执行需要依赖a中的变量。这是对闭包作用的非常直白的描述，不专业也不严谨，但大概意思就是这样，理解闭包需要循序渐进的过程。

在上面的例子中，由于闭包的存在使得函数a返回后，a中的i始终存在，这样每次执行c()，i都是自加1后输出i的值。

那么我们来想象另一种情况，如果a返回的不是函数b，情况就完全不同了。因为a执行完后，b没有被返回给a的外界，只是被a所引用，而此时a也只会被b引 用，因此函数a和b互相引用但又不被外界打扰(被外界引用)，函数a和b就会被GC回收。

需要注意的是，闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。

简化上面的方法，将方法中的change改为匿名函数

进一步简化，直接return fn的方法

再次简化，将方法全部改为匿名函数

By : Yimi-shan