Javascript中神奇的中神奇的this
主要为大家介绍了Javascript中神奇的this，何为this？this的作用有哪些、以及this神奇的绑定规则，感兴趣的小
伙伴们可以参考一下
Javascript 当中的 this 与其他语言是完全不同的机制，很有可能会让一些编写其他语言的工程师迷惑。
1. 误以为误以为 this 指向函数自身指向函数自身
根据 this 的英语语法，很容易将函数中出现的 this 理解为函数自身。在 javascript 当中函数作为一等公民，确实可以在调用的
时候将属性值存储起来。但是如果使用方法不对，就会发生与实际预期不一致的情况。具体情况，请看下面代码
function fn(num){
this.count++;
}
fn.count = 0;
for(var i=0;i<3;i++){
fn(i);
}
console.log(fn.count); // 0
如果 fn 函数里面的 this 指向自身函数，那么 count 属性的属性值就应该产生变化，但实际上却是纹丝不动。对于这个问题，
有些人会利用作用域来解决，比如这么写
var data = {
count:0
};
function fn(num){
data.count++;
}
for(var i=0;i<3;i++){
fn(i);
}
console.log(data.count); //3
又或者更直接的这么写
function fn(num){
fn.count++;
}
fn.count = 0;
for(var i=0;i<3;i++){
fn(i);
}
console.log(fn.count);//3
虽然这两种方式都输出了正确的结果，但是却避开了 this 到底绑定在哪里的问题。如果对一个事物的工作原理不清晰，就往
往会产生头痛治头，脚痛治脚的问题，从而导致代码变得的丑陋，而且维护性也会变得很差。
2. this神奇的绑定规则神奇的绑定规则
2.1 默认绑定规则默认绑定规则
第一种是最常见的 this 的绑定，看一下下面的代码
function fn(){
console.log(window === this); //浏览器环境
}
fn(); //true
函数fn 是直接在全局作用域下调用的，没有带其他任何修饰，这种情况下，函数调用的时候使用了 this 的默认绑定，指向了
全局对象。
这样就清楚了第一个例子中的 this 指向， fn 函数中的 this 指向了全局变量，所以 this.count++ 相当于 window.count++(浏览
器环境下)，当然不会对 fn 函数的count属性产生影响。
有一点要说明的是，上面种情况只能在非严格模式(strict mode)下才能发生，在严格模式下，会将 this 默认绑定为
资源评论
