Javascript 中的this 指向的对象，你搞清楚了吗？

Javascript 中的this 总让人感到困惑,你能分清以下三种test1(),test2(),test3() 情况下的输出吗?

注：以下Javascript运行环境中为浏览器

//1 this在全局函数中使用

        var x = 1;

        function test1() {

            var  x = 5;

            alert(this.x);

        }

 

        function _test2() {

            this.x = 5;

            alert(this.x);

        }

        //2 this 在构造函数中 new 中使用

        function test2() {

            var f = new _test2();

        }

 

        //3 this 在 对象的方法中使用

        function _test3() {

            alert(this.x)

        }

        function test3() {

            var a = {};

            a.x = 100;

            a.show = _test3;

            a.show();

        }

搞清楚this指向的关键是：

函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。

1.  test1的调用的场景：相当于window.test1(),alert 显示调用函数的x,也就是window.x的值
2.  test2的调用的场景：new 关键字时，生成新对象，this指向的对象就是新生成的对象 _test2()。
3.   test3 的调用的场景：函数作为某个对象的方法调用，这时this就指这个上级对象,也就是a