分类：this指向

2022
09-03

JavaScript 中this指向问题案例详解

总结全局环境➡️window普通函数➡️window或undefined构造函数➡️构造出来的实例箭头函数➡️定义时外层作用域中的this对象的方法➡️该对象call()、apply()、bind()➡️第一个参数全局环境无论是否在严格模式下，this均指向window对象。console.log(this===window)//true//严格模式'usestrict'cons... 继续阅读 >
2021
05-25

详解React中的this指向

打算记流水账一般细数一下React中的this指向问题，具体流程按事件三要素：起因，经过，结果。哈哈哈哈哈！起因：众所周知，React的设计是响应式的，使用者无需操纵DOM,操纵数据，页面就会渲染更新。数据一变就更新，是更新所有的DOM吗？当然不是，哪些变了就重新渲染哪些。那就要对数据变化前后的DOM进行比较。直接对比真实DOM吗？这样性能会很低，React比较的是虚拟DOM，虚拟DOM也是对象，只不过相较真实DOM而言... 继续阅读 >
2021
02-20

详解JavaScript中的this指向问题

题记JS中的this指向一直是个让初学者头疼的问题。今天，我们就一起来瞅瞅this倒地是咋回事，详细说说this指向原则，从此不再为了this指向操碎了心。开篇首先我们都知道this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向... 继续阅读 >
2020
10-10

详解JavaScript的this指向和绑定

注意：本文属于基础篇，请大神绕路。如果你不够了解，或者了解的还不完整，那么可以通过本文来复习一下。this指向的类型刚开始学习JavaScript的时候，this总是最能让人迷惑，下面我们一起看一下在JavaScript中应该如何确定this的指向。this是在函数被调用时确定的，它的指向完全取决于函数调用的地方，而不是它被声明的地方（除箭头函数外）。当一个函数被调用时，会创建一个执行上下文，它包含函数在哪里被调用（调用栈... 继续阅读 >
2020
10-10

我所理解的JavaScript中的this指向

前言JS中的this指向是一个经常被问到的问题，网上也有很多文章是关于this的。本文整理一下我理解下的this以及一些我比较疑惑的关于this问题。this指向有几个this的指向问题是几乎每篇文章都会说的，比如作为函数直接调用，作为对象的方法调用，new运算符执行中的this行为。比较通用的说法是，this指向的是直接调用该函数的对象。其实也很好理解，就是为什么需要this这个关键字，就是我们有需要在函数内部对调... 继续阅读 >
2020
10-08

浅谈JavaScript中this的指向问题

JavaScript中this指向问题记得初学JavaScript时，其中this的指向问题曾让我头疼不已，我还曾私自将其与闭包、原型（原型链）并称JS武林中的三大魔头。如果你要想在JS武林中称霸一方，必须将这三大魔头击倒。个人认为在这三大魔头中，this指向问题的武功最菜（难度最低）。俗话说柿子捡软的捏，那我们就先从this指向问题下手。先记住攻克this指向问题的口诀（前辈们的总结）：哪个对象调用函数，函数里的this就默认... 继续阅读 >