第149天：javascript中this的指向详解

js中的this指向十分重要，了解js中this指向是每一个学习js的人必学的知识点，今天没事，正好总结了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指向谁

 {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('inwe')
 //使用new
 function Person (name) {
       this.name = name
       console.log(this) //people
       self = this
   }
   var people = new Person('iwen')
   console.log(self === people) //true
 //这里new改变了this指向，将this由window指向Person的实例对象people