JavaScript - THIS经典案例分析

var num = 10;
var obj = {num:20};
obj.fn = (function(num){
	this.num = num * 3;
	num++;
	return function(n){
		this.num += n;
		num++;
		console.log(num);
	};
})(obj.num);
var fn = obj.fn;
fn(5);
fn(10);
console.log(num, obj.num);

图形解析：

• 函数每执行一次，就会形成一个全新的上下文，多次执行产生的上下文没有必然的关系。
• 普通函数函数执行，先看前面有没有点（.）:
  • 有点，点前面是谁this就是谁;
  • 没有点。this就是window，严格模式是undefined。

window.val = 1;
var json = {
    val :10,
    dbl :function(){
        this.val *=2;
    }
};
json.dbl();
var dbl = json.dbl;
dbl();
json.dbl.call(window);

图形解析：