您的位置:首页 > Web前端 > JavaScript

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: