本文共 1433 字，大约阅读时间需要 4 分钟。
js中的this指向十分重要，了解js中this指向是每一个学习js的人必学的知识点，今天没事，正好总结了js中this的常见用法，喜欢的可以看看：
1 //直接打印 2 console.log(this) //window 3 4 //function声明函数 5 function bar () {console.log(this)} 6 bar() //window 7 8 //function声明函数赋给变量 9 var bar = function () {console.log(this)}10 bar() //window11 12 //自执行函数13 (function () {console.log(this)})(); //window 1 {console.log(this)} 2 } 3 person.run() // person 4 5 //事件绑定 6 var btn = document.querySelector("button") 7 btn.onclick = function () { 8 console.log(this) // btn 9 }10 //事件监听11 var btn = document.querySelector("button")12 btn.addEventListener('click', function () {13 console.log(this) //btn14 })15 16 //jquery的ajax17 $.ajax({18 self: this,19 type:"get",20 url: url,21 async:true,22 success: function (res) {23 console.log(this) // this指向传入$.ajxa()中的对象24 console.log(self) // window25 }26 });27 //这里说明以下，将代码简写为$.ajax（obj） ，this指向obj,在obj中this指向window，因为在在success方法中，独享obj调用自己，所以this指向obj 1 //不使用new指向window 2 function Person (name) { 3 console.log(this) // window 4 this.name = name; 5 } 6 Person('inwe') 7 //使用new 8 function Person (name) { 9 this.name = name10 console.log(this) //people11 self = this12 }13 var people = new Person('iwen')14 console.log(self === people) //true15 //这里new改变了this指向，将this由window指向Person的实例对象people
转载地址：http://tfjaa.baihongyu.com/