美文网首页
this指向问题

this指向问题

作者: 坏丶毛病 | 来源:发表于2020-01-09 09:33 被阅读0次

this指向,是我们在开发中不得不关注的一个点,当我们进行事件处理时,如果疏忽this的指向问题,可能会发生意想不到的错误。

那么,让我们来了解一下this吧。

this呢,是函数的内置对象,所以,this只能出现在函数里

this的四种指向:

当this所在的函数是事件处理函数时,this是当前事件源(即DOM对象)
当this所在的函数是构造函数时,this是new出来的对象(即JavaScript对象)
当this所在的函数是类的方法时,this是方法所属的对象(即调用方法时前面写的对象)
当this所在的函数没有明确的对象时(调用函数时,函数名前啥也没有),那么this是window对象
window是所有对象的根对象,JavaScript代码中所有的全局变量都是window对象的属性,所有的全局函数都是window对象的方法,只不过一般情况下window都是可以省略的。

总而言之,this的指向就是承载它的载体。
我们经常会通过调用this.xxx来获取一些数据,但是往往会报一些错误,这时有可能就是this指向问题。
各位小伙伴在开发中千万不要忽视this的指向问题,当遇到问题时,不妨试试控制台打印一下this,看看指向源是什么,以便找出问题并解决。

如有问题,请指出,接收批评。

相关文章

  • this指向问题

    首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上...

  • this指向问题

    简单一句话来说,this的指向不是在创建时候决定的,而是调用的时候,谁调用就指向谁。 在严格模式下,未指定坏境,而...

  • this指向问题

    三种解决方案 第一种,bind(this)来改变匿名函数的this指向 第二种,var _this= this 第...

  • this指向问题

    一、一般情况 所以用定时器时,一般提前将this保存,便于在定时器内部使用 二、改变this指向 call、 a...

  • this指向问题

    要彻底理解JS中的this指向问题,建议多结合一些相关的面试题,理解记忆,不必硬背 关于this问题:只需记住谁调...

  • this 指向问题

    日期:2019 年 9 月 5 日 this 指向问题 介绍 this 指向问题一直是 js 中一个令人头疼的问题...

  • this指向问题

  • this 指向问题

    认识function中的this在不同环境下的指向 全局:浏览器环境中 指向window,node环境:modul...

  • this指向问题

    1. 事件调用环境 谁触发的this指向谁 如上代码,分别给box1,box2绑定了clickBox方法,如果点击...

  • this指向问题

    1.预编译过程,this指向window2.全局作用域中,this指向window3.call()、apply()...

网友评论

      本文标题:this指向问题

      本文链接:https://www.haomeiwen.com/subject/pgzeactx.html