JS中this的指向

什么是this？

• 它是函数运行时，在函数体内部自动生成的一个对象，只能在函数体内部使用。
• JS中this的指向，取决于调用的模式（调用对象），JavaScript中有四种调用模式：

一、函数调用模式

• 函数的最通常用法，属于全局性调用，因此this就代表全局对象。

    <script type="text/javascript">
        var x = 1;
        function test() {
           console.log(this.x);
        }
        test();     // 1
    </script>

二、方法调用模式

• 函数还可以作为某个对象的方法调用，这时this就指这个上级对象。

    <script type="text/javascript">
        function test() {
          console.log(this.x);
        }

        var obj = {};
        obj.x = 1;
        obj.m = test;

        obj.m();         // 1

    </script>

三、构造器调用模式

• 所谓构造函数，就是通过这个函数，可以生成一个新对象。这时，this就指这个新对象。

    <script type="text/javascript">
        function test() {
        　this.x = 1;
        }

        var obj = new test();
        obj.x // 1

    </script>

四、call()、apply()调用模式

• apply、call方法可以让我们设定调用者中的this指向谁。

    <script type="text/javascript">
        function showValue(){
          console.log(this.value);
        }
        var obj={
          value:4
        }
        showValue.call(obj)     //输出4，this指向了obj对象
    </script>