js中this的指向问题探讨
程序员文章站
2022-04-29 20:46:59
...
本文主要和大家分享js中this的指向问题探讨,this关键字代表当前正在执行的方法的对象,如果没有当前方法,则是指全局变量。就是说this代表调用该方法的对象的引用。
一、全局作用域或者普通函数中this指向全局对象window。
//直接打印 console.log(this) //window //function声明函数 function bar () {conso le.log(this)}bar() //window //function声明函数赋给变量 var bar = function () {console.log(this)}bar() //window //自执行函数 (function () {console.log(this)})(); //window
二、方法调用中谁调用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
三、在构造函数或者构造函数原型对象中this指向构造函数的实例
//不使用new指向window windowfunction 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 new改变this指向,将this指向window改为指向person的实例people
改变this的指向:
函数本身就是一个特殊类型,大多数认为是一个变量,this指向谁在函数定义时候确定不了,只有在函数执行时候才可以确定this到底指向谁,实际上this指向的是最终调用他的函数。
相关推荐:
以上就是js中this的指向问题探讨的详细内容,更多请关注其它相关文章!
推荐阅读
-
关于VS2005中C#代码用F12转到定义时,总是显示从元数据的问题
-
自制迷你路由器过程中的常见问题的一些经验分享
-
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
-
解决phpmyadmin中缺少mysqli扩展问题的方法
-
Angular.js中ng-if、ng-show和ng-hide的区别介绍
-
Java中Date()类 日期转字符串、字符串转日期的问题
-
健身增肌早餐吃什么好?增肌的过程中需要注意什么问题?
-
JS中把函数作为另一函数的参数传递方法(总结)
-
JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题
-
详解vue中的computed的this指向问题