js的指向问题

工作中很多js的指向弄不清楚的同学可以看一下。js中的this指向十分重要，下面总结了js中this的常见用法，喜欢的可以看看。

1. 全局作用域或者普通函数中this指向全局对象window。

   //直接打印
   console.log(this) //window
   
   //function声明函数
   function bar () {console.log(this)}
   bar() //window
   
   //function声明函数赋给变量
   var bar = function () {console.log(this)}
   bar() //window
   
   //自执行函数
   (function () {console.log(this)})(); //window

2. 方法调用中谁调用this指向谁

   //对象方法调用
   var person = {
       run: function () {console.log(this)}
   }
   person.run() // person
   
   //事件绑定
   var btn = document.querySelector("button")
   btn.onclick = function () {
       console.log(this) // btn
   }
   //事件监听
   var btn = document.querySelector("button")
   btn.addEventListener('click', function () {
      console.log(this) //btn
   })
   
   //jquery的ajax
    $.ajax({
       self: this,
       type:"get",
       url: url,
       async:true,
       success: function (res) {
           console.log(this) // this指向传入$.ajxa()中的对象
           console.log(self) // window
       }
      });
    //这里说明以下，将代码简写为$.ajax（obj） ，this指向obj,在obj中this指向window，因为在在success方法中，独享obj调用自己，所以this指向obj

3. 在构造函数或者构造函数原型对象中this指向构造函数的实例
   

   //不使用new指向window
   function Person (name) {
       console.log(this) // window
       this.name = name;
   }
   Person('syy')
   //使用new
   function Person (name) {
         this.name = name
         console.log(this) //people
         self = this
     }
     var people = new Person('syy')
     console.log(self === people) //true
   //这里new改变了this指向，将this由window指向Person的实例对象people

   顺便感谢下花神写的this指向这篇博客让我了解了this的指向问题 https://blog.csdn.net/qq_33988065/article/details/68957806