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 指向谁
//对象方法调用 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('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 4. 箭头函数中指向外层作用域的 this
var obj = {
foo() {
console.log(this); }, bar: () => {
console.log(this); } } obj.foo() // {foo: ƒ, bar: ƒ} obj.bar() // window 版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/221713.html原文链接：https://javaforall.net
