javascript 前端开发 this关键字
作者:互联网
Javascript新手通常不理解javascript中this关键字的含义。这个话题不仅对初学者感兴趣,而且对那些只想在记忆中刷新这方面的人也感兴趣。如果您发现很难回答“这在Javascipt中是什么”的问题,欢迎阅读本文!
this — 关键字是 JavaScript 语言中最令人困惑的特性之一。它来自Java,旨在帮助实现OOP。在 JavaScript 中,每天都会出现对“这个”的怀疑——至少在你学会一些简单但不明显的规则之前是这样。
对“这个”的误解
关于这个关键词存在误解。我想在进入正题之前快速消除它。
这是词汇语境。
这种印象经常发生在初学者身上。在他们看来,这是一个对象,作为属性,给定范围内的所有变量都存储在其中。这种误解来自这样一个事实,即在一个特定情况下,粗略地说,情况确实如此。如果我们处于顶层,那么这等于窗口(在普通浏览器脚本的情况下)。众所周知,在顶层声明的所有变量都可以作为窗口的属性使用。
这不是真的,我们可以检查一下。
如何确定此值
在这里,我将尝试给出一个严格而简洁的算法,借助该算法,即使是没有经验的编码人员也能够理解这在他的特定情况下等于什么。更冗长的解释将隐藏在剧透下,以免乱扔视觉空间。
1. 如果我们不在函数内部,那么“this”等于全局对象,如果不是,我们进一步下降到第二点!
2. 如果我们在箭头函数内,那么“this”的值就是该函数之外的“this”的值。它在箭头函数中的值完全取决于它的创建位置(在哪个词汇上下文中),并且不以任何方式取决于它随后的调用方式。如果没有,那么让我们继续前进!
3. 如果使用 new 运算符调用此函数,则“this”将引用函数构造函数中新创建的对象。如果没有,那么让我们再次继续!
4.如果这个函数是使用或或函数创建的,那么“this”的值将是这个函数的参数,如果不是,那么我们走得更远。bind
call
apply
5.如果这个函数被接收为对象的属性并调用,那么“this”将等于给定的对象,如果没有,我们下降到最后一段
6.如果在严格模式下调用函数“使用严格”,则“this”等于否则等于全局对象!undefined
结论
多亏了这篇文章和其中的算法,您将能够准确地检查和回答面试中的常见问题,“在这种情况下这等于什么?敬请期待 !