01执行顺序<script type="text/javascript">//执行顺序 fn1();/*不会报错,对于通过function fn()这种写法来定义的函数,永远都会被最先初始化*/function fn1(){alert("fn1");}//fn2();//使用如下方式定义函数,不会被先执行,如果在之前调用该函数就会报错 /*以下函数的定义方式是现在内存中创建了一块区域,之后通过一个fn2的变量*指向这块区域,这块区域的函数开始是没有名称的,这种函数就叫做匿名函数  */var fn2=function(){alert("fn2");}</script>
02closed-scope<script type="text/javascript">/*在JS中当进行函数的调用,会为每一个函数增加一个属性scope,*通过这个属性；来指向一块内存,这块内存中包含所有的上下文使用的变量当在某个函数中调用了新函数之后,新函数依然会有一个作用域来指向原有的函数的scope和自己新增加的scope,这样就形成一个链式结构,这就是js中的作用域链 */var color="red";var showColor=function(){alert(this.color);}function changeColor(){var anotherColor="blue";function swapColor(){var tempColor=anotherColor;anotherColor=color;color=tempColor;}swapColor();}changeColor();showColor();</script>
03clised-compare<script type="text/javascript">/*通过以下操作带来最大的好处是,compareFunction的作用域变大了 * 当compareFunction结束之后,prop这个变量依然存在 */function compareFunction(prop){//匿名函数 return function(obj1,obj2){if(obj1[prop]>obj2[prop]) return 1;else if(obj1[prop]<obj2[prop]) return -1;else return 0;}}var o1={name:"Leon",age:23};var o2={name:"Ada",age:28};/*此时就是基于name来进行比较* 在java或c++中,以下代码执行完成之后,需要进行内存的释放此时对于java或c++这些静态语言而言,prop会被释放 但是在js中,这个作用域却被放大了 */ var compare=compareFunction("age");/*此时就比较了o1和o2,在js中prop在这里依然可以被访问,*这种通过返回函数来扩大函数作用域的方法就是闭包  */var rel=compare(o1,o2);alert(rel);</script>
04clised-var<script type="text/javascript">function fn1(){/*创建一个数组*/var fns=new Array();for(var i=0;i<10;i++){/*num这个变量时保存在fns这个tf这个作用域,每一个闭包的num都不一样所有此时所消耗的内存特别大 */var tf=function(num){fns[num]=function(){return num;}}tf(i);/*数组中放的是一组函数,i这个变量是保存在fn1这个作用域中的*//* fns[i]=function(){return i;} */}return fns;}var fs=fn1();for(var i=0;i<fs.length;i++){/*此时通过闭包来调用所有函数,当输出i的时候会去上一级的作用域中查找这个时候i的值已经为10,所以连续输出10个10每一个fs都是在不同作用域链中,num也是保存在不同的作用域中,所以输出0-9*/document.write(fs[i]()+"<br>");}</script>
05closed-this<script type="text/javascript">var name="window";var person={name:"zhangsan",age:23,say:function(){return function(){return this.name;}}}/*当完成person.say()之后,这个函数就调用结束了,*在这个函数调用之前,this是指向person,但是在调用匿名函数的时候this就指向window,所以得到的结果是window*/alert(person.say()());</script>