1.闭包的概念
-
JavaScript中什么是闭包?
首先我们要知道在JavaScript中,函数中声明变量函数外是无法访问的,即js中函数是具有变量作用域隔离特性的一个内存结构,这种情况我们称之为“闭包”。
-
闭包在JavaScript中要解决的问题是啥?
其实说白了就是间接的访问到被函数隔离的数据。
-
怎样实现闭包的间接访问呢?
这里有一个误区就是我直接在函数里return不就可以了吗?
function foo () { var num = 123; // 原始数据 return num; } var res1 = foo();//这个还是num的原始数据吗? var res2 = foo(); alert(res1+'-----'+res2);//这里res1与res2都是123. 一些初学者觉得这样就可以证明访问到的是原始数据了。然而并不是。 //我们再看下面一段代码 function foo1 () { var num = Math.random(); // 原始数据 return num; } var res3 = foo(); var res4 = foo(); alert(res3+'-----'+res4);//这里的res3与res4就永远不会相同。这不就是证明了我们访问到的num并不是原始数据。
为什么会出现上面两种情况呢?因为函数是引用数据类型(复合数据类型),每一次调用函数,会重新开辟一个内存空间。而我们看到的res1与res2相等只是他们两个内存空间里的数据是一样的。但是并不是同一个数据。
虽然这样直接return得到的不是原始数据,但是这种思路是对的。我们可以在函数里面利用函数的返回访问原始数据。我们再看下面一段代码。
function foo () {
var num = Math.random(); // 原始数据
return function() {
return num; // 它就是原始数据 num
}
}
var res=foo();
var res1 = res();
var res2 = res();
alert(res1+'-----'+res2);//这里我们可以看到res1与res2完全相等。
根据上面的代码可以看出,只要我们保证我们return回去的内容就是存储数据的内存地址。那么我们就可以在外部访问函数内部的原始数据。即‘闭包’要解决的问题就很好的解决了。
-
闭包的实现各种特性的根本核心。
1.带有私有数据的函数
2.带有私有数据的对象(函数也是对象)
-
闭包的应用----沙箱模式
沙箱模式能干吗?
我们写js代码的时候经常声明变量,这样变量一多。我们可能出现冲突的可能性变大。
因为沙箱就是一个隔离的执行环境。可以让代码之间互不影响。
我们熟悉的jQuery就是运用沙箱开发,还有市面上一些流行前端框架也使用了沙箱。//沙箱的基本结构 (function(){ //这种模式就是沙箱模式结构 //所有代码写在这里 })();