js中this的指向问题

多种情况下使用this，指向有所不同

一、在全局环境中

在全局执行环境中（在任何函数体外部），this都是指向全局对象。在浏览器中，window对象即是全局对象：

console.log(this);//window

二、在函数环境中

声明一个函数，如果函数没有被调用，它里面的this我们是不知道指向的，控制台什么都没有输出

function fuc(){
    console.log(this);
}

如果我们调用了，指向的是window

function fuc(){

    console.log(this);
}

fuc();//window

声明一个函数并将它赋值给一个变量，然后调用，this指向window

var func= function(){
    console.log(this);
}
func();//window

立即执行函数：自执行函数就是当它被定义出来，就会自动执行的函数。它的this指向window

(function () {console.log(this)})();//window

注意：定时器内部的this永远指向window，比如setTimeout，setInterval。函数是箭头函数时，绑定的是父作用域的this指向。

3、作为对象的方法调用时

作为对象的方法调用时，this指向的是该方法所属的对象

 var obj = {
      func: function () {
        console.log(this)
      }
    }
 obj.func()

this 处在 func 函数的内部，是 obj调用的 func() ，因为 this 永远指向调用它的对象，所以最后的打印结果应该是 obj。

4、使用 new 实例化对象，构造函数中的this

function Person () {
  console.log(this)
  this.name = '姓名'
}
var obj = new Person() // 得到一个实例化对象，继承了Person函数的属性
console.log(obj)
打印结果：就是Person

5、事件绑定中的this，一般情况下是指向接受该事件的元素，当然也有特殊。

事件绑定有：行内绑定，动态绑定，事件监听。

行内绑定：行内绑定事件的语法是在html节点内，以节点属性的方式绑定。

注意：当事件触发时，属性值就会作为JS代码被执行，相当于函数调用。