Javascript基础知识——匿名函数和闭包.docxVIP

Javascript基础知识——匿名函数和闭包（2） 晚上休息过后，早上继续总结！ 昨天晚上讲到了闭包，讲一下闭包里面的this对象！也是很有意思的！ 在全局状态下，我们输出this的时候，一般是[object window]! alert(this); 这个说明，在全局状态下，this代表的是window对象！ 在某个对象内部呢，this代表的是这个对象！ var Box=function(name,age){ this.name=name; this.age=age; } 那么在闭包里面的this，又代表什么呢？我们来看代码！ var user=The Window; var obj={ user:The Object, getObjectUser:function(){ return function(){ return this.user; } } } 分析这段代码！ 第一行，在全局变量状态下建立了user,里面的值是”The Window”。然后我们建立了一个Obj对象。里面有user属性。本来要返回user时很简单的，只要写run:function(){return this.user}即可！但是这里就有些奇怪了，我们写了一个闭包！分析闭包！函数名getObjectUser，函数的主体是return function(){……}。当我们执行obj. getObjectUser()，后返回一个函数。然后再执行！return this.user!本来我们以为会返回The Object!但是现在却返回了The Window！由此可见，闭包里面的this变量是当全局变量来用的！ 也就是说，匿名函数里面的this.xxx变量时全局变量！那么我们如何变成局部的变量呢？用对象冒充比较方便：obj.getUser().call(obj)！还有一种方法在函数内部做! var user=The Window; var obj={ user:The Object, getUser:function(){ var that=this; return function(){ return that.user; } } } 教程中还讲到了内存泄露的问题。个人感觉用处并不是很大，了解就可以了！ 接下来要讲到设计模式的问题了！ 首先是javascript没有块级作用域这么一说！（if、for）我们如何来处理块级作用域？用类似下面的写法！ function box(count){ (function(){ for(var i=0;icount;i++){ } })() alert(i); } 这样写，里面的I就访问不到了！这种写法，教材里写道，一般都用在全局变量中！我们在全局中要做一些事情，把这些变量打包在匿名函数中，完成后自动销毁！挺好的！比如说 (function(){ var box=[1,2,3]; alert(box); })() 然后讲到了一个构造函数的标准写法: function Box(age){ var value=age; this.getAge=function(){ return value; } this.setAge=function(age){ value=age; } } 这种写法比较好！体现了封装性！我感觉这种写法挺好的，但是教程中又说了，这样的写法也有不好的地方每次new Box()一下，里面的方法就会新开辟一个空间，不节约空间！于是有了新方法“静态私有变量”。复杂的名字。不知道怎么给那些高手想出来的！ (function(){ var user=; Box=function(value){ user=value; } Box.prototype.getUser=function(){ return user; } })() 这段代码和刚才的构造函数还是有很大区别的！！我的个人理解：程序一运行后，在内存中开辟一块区域，里面有user这个静态变量！注意是静态变量！意思就是这个变量会被所有实例共享！Box是构造函数！注意没有VAR。如果有了var那么就变成局部变量了！然后给Box的原型赋值。我们调用的时候var box1=new Box(“tmh”), var box2=new Box(“tmh2”)……始终是对静态变量user在修改！最后都直接访问user!画个图吧！ Prototype getUser user box1 box2 大概就是这么个意思！ (function(){ var user=; Box=function(value){ user=value; }