JS中this的理解

在java中我们也会经常遇到this，在JavaScript中也经常用this，我们需要知道this在不同的使用场景下分别代表的含义以及它的原理。一定要清楚this是在运行时进行绑定的，并不是在编写时绑定，它取决于函数调用的条件以及它的调用位置。
1、JS中的this，有四种使用场景，分别为：

1）在普通函数中使用this，this指向全局对象，属于window

            var x="aa";
            function test1(){
                var x="bb";
                console.log(this.x);//aa
            }
            test1();    //等价于window.test1();

因为test1()是通过window来调用的，所以在普通函数中this也是取window下的变量x,如果全局没有定义该变量，会返回一个undefined。

2）在对象方法中使用this  

通常我们在写事件的时候就经常用到，这时this就代表触发这个事件的对象，如：

        var proInfo_div=
        document.getElementsByClassName("proInfo");
        proInfo_div[i].onmouseout=function(){
            this.style.backgroundColor="lightgray";
        }

3）在构造方法中使用this，通过new一个对象来调用方法，this代表调用这个函数的对象

            function People(name){
                this.name=name;
                //将这个方法绑定到People上
                this.introduce=function(){
                    console.log("my name is "+this.name);
                }
            }
            var p=new People("lisi");
            p.introduce();

4）call和apply场景下使用this
apply方法作用是改变函数的调用对象，此方法的第一个参数为改变后调用这个函数的对象，this指代第一个参数

            //apply方法
            var x=0;
            function test(){
                alert(this.x);
            }
            var a={};
            a.x=1;
            a.m=test;
            a.m.apply();//0
            a.m.apply(a);//1