js中this的常见用法详解
程序员文章站
2022-06-14 12:19:38
js中的this指向十分重要,了解js中this指向是每一个学习js的人必学的知识点,今天没事,正好总结了js中this的常见用法,喜欢的可以看看:
1. 全局作用域或者普通函数...
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
上一篇: 揭秘:古代四大美女和近代四大美女的命运
下一篇: 微信小程序之让view水平垂直居中