ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

javascript 前端开发 this关键字

2023-01-06 21:19:24  阅读:79  来源: 互联网

标签:Javascript icode9 初学者 编写 代码 函数内部 创建


Javascript新手通常不理解javascript中this关键字的含义。这个话题不仅对初学者感兴趣,而且对那些只想在记忆中刷新这方面的人也感兴趣。如果您发现很难回答“这在Javascipt中是什么”的问题,欢迎阅读本文!

this — 关键字是 JavaScript 语言中最令人困惑的特性之一。它来自Java,旨在帮助实现OOP。在 JavaScript 中,每天都会出现对“这个”的怀疑——至少在你学会一些简单但不明显的规则之前是这样。

对“这个”的误解

关于这个关键词存在误解。我想在进入正题之前快速消除它。

这是词汇语境。

这种印象经常发生在初学者身上。在他们看来,这是一个对象,作为属性,给定范围内的所有变量都存储在其中。这种误解来自这样一个事实,即在一个特定情况下,粗略地说,情况确实如此。如果我们处于顶层,那么这等于窗口(在普通浏览器脚本的情况下)。众所周知,在顶层声明的所有变量都可以作为窗口的属性使用。

这不是真的,我们可以检查一下。

如何确定此值

在这里,我将尝试给出一个严格而简洁的算法,借助该算法,即使是没有经验的编码人员也能够理解这在他的特定情况下等于什么。更冗长的解释将隐藏在剧透下,以免乱扔视觉空间。

1. 如果我们不在函数内部,那么“this”等于全局对象,如果不是,我们进一步下降到第二点!

2. 如果我们在箭头函数内,那么“this”的值就是该函数之外的“this”的值。它在箭头函数中的值完全取决于它的创建位置(在哪个词汇上下文中),并且不以任何方式取决于它随后的调用方式。如果没有,那么让我们继续前进!

3. 如果使用 new 运算符调用此函数,则“this”将引用函数构造函数中新创建的对象。如果没有,那么让我们再次继续!

4.如果这个函数是使用或或函数创建的,那么“this”的值将是这个函数的参数,如果不是,那么我们走得更远。bindcallapply

5.如果这个函数被接收为对象的属性并调用,那么“this”将等于给定的对象,如果没有,我们下降到最后一段

6.如果在严格模式下调用函数“使用严格”,则“this”等于否则等于全局对象!undefined

结论

多亏了这篇文章和其中的算法,您将能够准确地检查和回答面试中的常见问题,“在这种情况下这等于什么?敬请期待 !

标签:Javascript,icode9,初学者,编写,代码,函数内部,创建
来源:

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有