（一）解除对this的误解

已于 2022-04-27 17:34:14 修改
阅读量325 收藏
点赞数
文章标签： javascript
于 2022-04-27 17:32:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46364184/article/details/124455793
版权

this全面解析（你不知道的javaScript，笔记）

（一）解除对this的误解

1.为什么需要使用this
this隐式的传递一个对象的引用，
在这里插入图片描述
如果不使用，上面那段代码我们就需要显式的传入一个上下文对象
在这里插入图片描述
2.对this的误解
（1）this指向自身
在这里插入图片描述
count的值为0，可见函数中的this并不指向foo函数对象，所以单说this指向自身并不准确
在这里插入图片描述
需要如此强制的让this指向函数对象本身。
（2）this的作用域
第二种误解是this指向函数的作用域，这在有些时候并不适用
在这里插入图片描述
试图跨越边界，使用this来隐式引用函数的词法作用域，但并不成功

this是什么？

this是在运行时进行绑定的，它的上下文取决于函数调用的各种条件，函数被调用时，会创建两个活动记录，this就是记录其中的一个属性。

空白符号
关注
javascript this的一些误解
weixin_30323631的博客
02-11 140
太拘泥于“this”的字面意思就会产生一些误解。有两种常见的对于this 的解释，但是它们都是错误的。 介绍之前先解释下什么是动态作用域 简要地分析一下动态作用域，重申它与词法作用域的区别。但实际上动态作用域是JavaScript 另一个重要机制this 的表亲。词法作用域是一套关于引擎如何寻找变量以及会在何处找到变量的规则。词法作用域最重要的特征是它的定义过程发生在代码的书写阶段（假设你没有...
关于this的解析（一）
老坛酸菜的博客
11-07 234
1.1 为什么要用this 如果对于有经验的 JavaScript 开发者来说 this 都是一种非常复杂的机制，那它到底有用在 哪里呢？真的值得我们付出这么大的代价学习吗？的确，在介绍怎么做之前我们需要先明 白为什么。 下面我们来解释一下为什么要使用 this： function identify() { return this.name.toUpperCase(); } function ...
JS之初步了解this
m0_55047716的博客
07-29 119
this关键字是JavaScript中最复杂的机制之一，本文将初步了解this机制以及两种常见对this的误解。（注意针对初学者的，学过得码工可以回顾一下）
多线程(一)：创建线程和线程的常用方法
热门推荐
人不风流枉少年
09-01 24万+
一：为什么要学多线程 应付面试 ：多线程几乎是面试中必问的题，所以掌握一定的基础知识是必须的。 了解并发编程：实际工作中很少写多线程的代码，这部分代码一般都被人封装起来了，在业务中使用多线程的机会也不是很多(看具体项目)，但是作为一个高级程序员如果不会多线程是说不过去的。 二：进程与线程 进程 进程是资源（CPU、内存等）分配的基本单位，它是程序执行时的一个实例。程序运行时系统...
（五）this全面解析
qq_43952245的博客
08-21 543
文章目录this的误解this指向函数自身this指向函数作用域this到底是什么this的全面解析默认绑定隐式绑定隐式丢失显示绑定call、apply硬绑定new绑定四种绑定的优先级 this的误解 this指向函数自身 大多数人会根据this的字面意思将它理解为【指向函数自身】。 什么情况下，this会指向自身呢？ 递归 。也就是从函数本身的内部调用自己 当我们写一个第一次调用后，自己解除绑定的事件处理器时，这个时候也需要使用到函数自身 但是this真的就是指向函数自身吗？ function f
JS之this后续
m0_55047716的博客
08-16 126
上篇讲解了初步了解this,解除了我们对this的两个误解这篇我们主要讲解在声明函数与函数表达式、回调函数、箭头函数this分别指向什么？在严格模式和非严格模式下的情况又是怎么样的？
this与对象原型
dj15213209656的博客
05-25 118
本博文整理自：https://github.com/getify/You-Dont-Know-JS/blob/1ed-zh-CN/this%20%26%20object%20prototypes/ch1.md 相信不少js开发者都被this的“魔法”弄得死去活来，我自己也是，一直不是很清楚this的运行机制，下面这篇博文是我看了 you don`t konw js 系列书之后的想法，供...
JavaScript中的this
weixin_49477258的博客
10-17 324
this 是在运行时进行绑定的，并不是在编写时绑定，它的上下文取决于函数调用时的各种条件。this 的绑定和函数声明的位置没有任何关系，只取决于函数的调用方式。this 既不指向函数自身也不指向函数的词法作用域，你也许被这样的解释误导过，但其实它们都是错误的。this 实际上是在函数被调用时发生的绑定，它指向什么完全取决于函数在哪里被调用。如果要判断一个运行中函数的 this 绑定，就需要找到这个函数的直接调用位置。找到之后就可以顺序应用下面这四条规则来判断 this 的绑定对象。 this绑定规则，优先级
JS—this指向问题全面解析（十）
施益明的博客
10-20 857
JS中this关键字大解析
前端进阶手册：全方位解读 JavaScript 中的 this
jgxy2019的博客
06-29 303
前言 this 关键字是 JavaScript 中最复杂的机制之一。它是一个很特别的关键字，被自动定义在 所有函数的作用域中。但是即使是非常有经验的 JavaScript 开发者也很难说清它到底指向 什么。 任何足够先进的技术都和魔法无异。 实际上，JavaScript 中 this 的机制并没有那么先进，但是开发者往往会把理解过程复杂化， 毫无疑问，在缺乏清晰认识的情况下，this 对你来说完全就是一种魔法。 “this”是沟通过程中极其常见的一个代词。所以，在交流过程中很难区分 我们到底...
Java中高级面试题总览(一)
击水三千里的专栏
03-29 2万+
高频面试题深入剖析
云计算技术 — 云计算技术发展编年史
烟云的计算
10-31 1万+
目录 文章目录目录虚拟化的发展进程硬件仿真虚拟化完全虚拟化半虚拟化操作系统虚拟化 虚拟化的发展进程 1959 年，克里斯托弗（Christopher Strachey）在国际信息处理大会（International Conference on Information Processing）上发表了一篇名为《大型高速计算机中的时间共享》（Time Sharing in Large Fast Comp...
轻松学，听说你还没有搞懂 Dagger2
frank 的专栏
07-20 3万+
Dagger2 确实比较难学，我想每个开发者学习的时候总是经历了一番痛苦的挣扎过程，于是就有了所谓的从入门到放弃之类的玩笑，当然不排除基础好的同学能够一眼看穿。本文的目的尝试用比较容易理解的角度去解释 Dagger2 这样东西。 Dagger2 是有门槛的，这样不同水平能力的开发者去学习这一块的时候，感受到的压力是不一样的。 我个人总结了大家在学习 Dagger2 时，为什么感觉难于理...
【JAVA开源】基于Vue和SpringBoot的高校学科竞赛平台
杨荧的CSDN博客
10-10 1465
教师功能有个人中心，题目类型管理，竞赛题库管理，竞赛类型管理，竞赛信息管理，报名信息管理，竞赛评分管理，参赛名单管理，晋级名单管理，获奖名单管理，竞赛总结管理，报销清单管理，成绩申诉管理，参赛信息管理，参赛信息管理，往年成绩管理，获奖情况管理。
React中的refs是什么？
Front end development engineer
10-10 380
React 的众多优点之一是它抽象了处理真实 DOM 的复杂性。现在，我们无需手动查询元素、绞尽脑汁思考如何为这些元素添加类又或者是添加样式等，也无需为浏览器兼容性而苦恼，只需编写组件并专注于用户体验即可。然而，仍然有一些情况（虽然很少！）我们需要访问实际的 DOM。而当涉及到实际的 DOM 时，最重要的是要理解并学习如何正确使用 ref 以及 ref 周围的一切。
【JavaScript】移动色块案例 实现一个可以拖动并且在拖动过程中会自动改变颜色的色块（JS 事件监听器）
m0_66584716的博客
10-11 1338
- **移动色块**：用户可以通过鼠标按住并拖动页面上的红色方块（`#blocks`）。当用户按下鼠标左键时，色块开始跟随鼠标的移动而移动；当用户释放鼠标左键时，色块停止移动。 - **显示当前位置**：随着色块的移动，其当前的屏幕坐标（相对于浏览器窗口）会被实时更新，并显示在页面底部左侧的位置显示区域（`#positionDisplay`）中。 - **自动变色**：一旦用户开始拖动色块，系统就会每隔300毫秒随机改变一次色块的颜色。颜色的变化是通过调用 `getRandomColor()` 函数生成一个
javascript中==和===有什么不同
qq_48763502的博客
10-09 448
这个运算符用于比较两个值是否相等，但会在必要时进行类型转换。当两个值的类型不同，JavaScript 会尝试将它们转换为相同的类型，然后再进行比较。
ECMAScript标准解析及其发展历史与技术演进
最新发布
qq_20245171的博客
10-15 502
ECMAScript（简称ES）是由ECMA国际（欧洲计算机制造商协会）制定的一种脚本语言规范。它是JavaScript、JScript等语言的基础，并为现代Web开发提供了强大的支持。ECMAScript标准不仅定义了语言的语法和语义，还涵盖了数据类型、对象模型和执行环境等内容，极大推动了JavaScript语言的发展。本文将全面介绍ECMAScript标准的起源、各个版本的演变、关键特性以及未来趋势，深入探讨其对Web开发及编程语言设计的影响。
Element-plus el-form、el-dialog 数据回显同时用时，重置失效问题
Mr. Zhang Xiaojian's Blog
10-12 495
当第一次打开网页并点击“编辑”按钮时，虽然对话框变量变为 true 使对话框可见，但同步代码会将 formData 对象的属性设置为默认值。由于 Vue 的异步更新机制，DOM 实际上还未更新，因此表单组件内绑定了这些有值的初始数据。这样，在后续调用 resetFields 方法时，表单将会重置为这些默认值而不是空值。编辑时表单的初始值被设置成了回显的数据，而不是空字符串。时，表单会回到上次设置的初始值，即回显的数据。
劳动合同解除证明模板下载
- 劳动合同解除证明是人力资源管理中一个重要文档，用于记录和证明雇佣关系的终止。 - 这类文档需要符合当地劳动法规的要求，包括提前通知时间、经济补偿、员工福利处理、离职手续的办理等。 - 劳动合同解除证明...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值