JS学习之闭包、this关键字、预解释、作用域综合
2015-10-14 18:52
841 查看
var num = 2;//window.number=2 var obj = { num: 4, //obj.number=4 fn: (function () { this.num *= 2; //自执行函数this是window的num,这里window的num=2*2=4 num = num * 2; //undefiend var num = 3; return function () { this.num *= 2; num *= 3; alert(num); } })(), db2: function () { this.num *= 2 } }; var fn = obj.fn1; alert(num);// 4 fn();// window.num=8 弹出9 obj.fn();// obj.num=8 弹出9*3=27 alert(window.num); // 8 alert(obj.num); // 8
从头到尾一步步分析上面的代码执行步骤: window下的预解释: var num; var obj; var fn; window下的代码执行: num=2; obj=xxxfff000; [开辟一个堆内存xxxfff000] num:4 fn:自执行函数的返回值 形成一个不销毁的私有作用域-A A下的预解释: var num; A下的代码执行: this.num*=2;//window.num=4 num*=2;//num=undefined*2=NaN num=3; return function(){.} xxxfff111 fn:function(){//上级作用域就是A this.num*=2; num*=3; console.log(num); } xxxfff111 fn=obj.fn; //fn=xxxfff111 console.log(num);//4 fn(); xxxfff111()行成一个私有的作用域 预解释:无 代码执行: this.num*=2;//window.num=8 num*=3;//让上级作用域A中的num=9 console.log(num);//9 obj.fn(); xxxfff111()行成一个私有的作用域 预解释:无 代码执行: this.num*=2;//obj.num=8 num*=3;//让上级作用域A中的num=27 console.log(num);//27 console.log(window.num);//8 console.log(obj.num);//8
相关文章推荐
- 东北大学地理位置数据JSON版
- javascript循环性能优化的几种方法
- JavaScript中字体浮动的简单演示实例
- JS控制div显示隐藏
- js ajax 加载图片 img的简单方法
- JScrollBar在Nimbus L&F下滚动条消失
- JS调用水晶报表打印翻页按钮事件
- JS-获取图片地址
- javaScript中代理模式详解
- json解析效率对比
- Json数据中的特殊字符处理
- 如何用extjs 3.4做三层表头
- 理解javascript面向对象编程
- Extjs进度条
- 学习一份百度的JavaScript编码规范
- js 全选反选
- JavaScript Detach 方式传递参数
- JS 中 new 操作符
- 实战学javascript——用js实现图片剪辑(上)
- js总结示意图、javascript总结、javascript 学习线路图