js中this理解 --简单明了

最新推荐文章于 2023-02-09 12:54:59 发布
原创 最新推荐文章于 2023-02-09 12:54:59 发布 · 809 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了JavaScript中this关键字的四种主要使用场景：全局性调用、作为对象方法调用、作为构造函数调用及通过apply方法改变调用对象。通过具体实例帮助读者更好地理解和掌握this的不同行为。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

js中this用法大致分为四类：

（1）纯粹的函数调用：最常用的用法，属于全局性调用，等价于window

（2）作为对象方法的调用：this就指这个上级对象

（3）作为构造函数调用：即new生成一个新对象，this指这个新对象

（4）apply调用：apply是函数对象的一个方法，它的作用是改变函数的调用对象，它的第一个参数就表示改变后的调用这个函数的对象，this指这个函数的第一个参数

apply参数为空时，默认调用全局对象。

详细讲解参考：

（http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html）

（http://javascript.ruanyifeng.com/oop/basic.html）


【前端】JavaScript 中的 this 与全局对象 window深度解析
禅宗里有一个词叫做“因缘和合”。 所谓因缘，是指事件要发生所必须的条件。因缘和合就是当你聚集了这件事的一切条件，它就会自然而然的发生。“它就会自然而然的发生”，这种朴素而坚定的价值观让我们感到无比安心，安心到可以不用有任何担心焦虑。
12-02 1229
在 JavaScript 中，this 是一个极为重要且复杂的关键字，其灵活的特性常常让初学者甚至中级开发者感到困惑，特别是在不同环境中，this 的指向可能会发生显著变化。在浏览器环境下，this 在全局作用域中通常指向 window 对象，这一点对于初次接触 JavaScript 的开发者来说尤其难以理解。本文将深入探讨 JavaScript 中 this 的工作原理，并解释为什么全局变量在浏览器中会成为 window 对象的属性。此外，我们还将分析严格模式下 this 的 2024.12.2-✍
js的this指针理解
jonson
06-18 239
因为发现身边的一些朋友对js的this指针的理解不是很全面。下面本人简单的讲解一下js的this指针的相关内容，仅供需要的朋友学习参考。 简单的，我先用一句话来概括javascript的this。在js里面，this指针代表的是执行当前代码的对象的所有者。 下面举几个简单的例子加以说明： var name="jonson"; function test(){alert("您好，...
day034: 谈谈你对JS中this的理解。
杨兴元的博客
11-23 445
其实JS中的this是一个非常简单的东西，只需要理解它的执行规则就OK。在这里不想像其他博客一样展示太多的代码例子弄得天花乱坠， 反而不易理解。call/apply/bi...
JS中this的理解
u012352278的博客
05-20 344
我们在编写代码的过程中经常会遇到this的指向问题，下面对this的指向做一个总结 一、THIS： 1）全局上下文中的this是window； 2）块级上下文中（如:判断体“{}”，循环体“{}”）中没有自己的this,它的this是继承所在上下文中的this的； 3）在函数的私有上下文中，this的情况会多种多样，也是接下来我们重点研究的； 二、函数中的THIS: THIS不是执行上下文(EC才是执行上下文)，THIS是执行主体 如何理解主体呢？ 如： 张三拿着加了五个鸡蛋的煎饼果子去北京大饭店吃早
JS中的this理解
mysjx的博客
10-13 719
JS this
js中this的理解
汪元会的博客
05-07 1282
前言： 前阵子遇到了一个结构比较复杂的函数，一层嵌套一层，其中还涉及到很多this，当时就感到疑惑这些this分别代表的是啥？下面是我对js中this认识的总结。 基本概念： js中函数类型和调用方式有一般有下面几种 (1.1)构造器函数 通过new 的方式调用。new 方法名() (1.2)对象中的函数(方法) 通过点符号的方式调用。对象.方法名() (1.3)全局的函数，算是(1.2)的特殊情...
This-is-Nav:一个专注于前端开发的网站
05-09
而"This-is-Nav-main"的压缩包可能包含了实现这个网站功能的源代码，对于想要深入理解前端开发或者想要参考实际项目的人来说，是一个宝贵的学习材料。通过学习和研究这个网站的源码，开发者可以了解前端开发的最佳...
JavaScript --- ES6 涵盖（ES6 -- ES11）语法学习
02-24
以上就是从ES6到ES11的一些重要语法特性，这些新功能为JavaScript开发者提供了更多工具和灵活性，使代码更简洁、更易于理解和维护。学习并掌握这些知识点，将有助于提升你的JavaScript开发能力。
JavaScript中this的9种应用场景及三种复合应用场景
10-23
在JavaScript中，关键字this是动态绑定的，它的值取决于当前函数的执行上下文。本文将详细介绍this关键字在不同场景下的使用方法，...希望本文能够帮助各位深入理解JavaScript中的this关键字，并在实际编程中灵活运用。
探索GitHub热门仓库：This-Repo-Has-1645-Stars背后的秘密
在GitHub中，仓库的命名通常需要简洁明了，直观反映项目内容。 3. **社会证明原理**：标题中重复提到“对，是真的”，可能暗示着读者可能会对“1645颗星星”的声明持怀疑态度。社会证明原理表明，人们倾向于模仿...
理解JS中的this
水荷的博客
12-02 507
先来说this的两个误解： 1.this指向自身 因为英文语义的关系，很多人把this理解成指向函数自身， this是在运行时绑定的，不是在编写时绑定的，它的上下文取决于函数调用时的各种条件。this的绑定和函数声明的位置没有关系，只与函数调用的顺序相关。 this是在函数被调用时发生的绑定，它指向什么完全取决于函数在哪里被调用。（默读3遍） 理解this的调用位置 function ba...
对JS中this的理解
sinat_28839863的博客
03-12 1383
参考自https://www.cnblogs.com/pssp/p/5216085.html 首先记住：this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象。 特殊情况： 上面是一个多层的对象，对于这种情况，this指向的是它上一级的对象也就是b 另一种情况：JS中构造函数有return会怎...
关于 js 中 this 的理解
LeeSayhi的博客
01-21 479
关于 js 中 this 的引用
如何理解js中的this
weixin_69830171的博客
07-13 1934
this的值取决于它所在的函数如何被调用。下面是this可以获得新值的6种不同方式：下面我们一起来看看this是如何在每个环境中被改变的。当this在任何函数外面被调用时，也就是说在全局环境中被调用，在浏览器中。它默认指向window对象。 一般在全局环境中，我们很少用this关键字 ，所以我们对它也没有那么在意，继续看下一个环境。当我们使用new关键字创建一个对象的新的实例时，this关键字指向这个实例。 通过上面的代码，我们会发现，greg是Human的一个实例，现在无论何时调用greg，thi
JS之this的指向理解
bangbanggangan的博客
12-03 727
1.this是什么？ this是对象自动生成的一个内部对象，是在运行时基于函数的执行环境绑定的，因为函数的调用场合不同，this的值也有变化。 this指向什么，完全取决于 什么地方以什么方式调用，而不是 创建时 。这句话目前也只能说在ES5中才是正确的，而在ES6的箭头函数中，this的指向就是在定义的时候就确定的。 2. this的绑定规则 this的绑定总共差不多有下面五种： 默认绑定...
全面理解JS中的this
txun123的博客
04-17 2917
JavaScript开发中，我们经常会用到this，也经常会因为this头疼，为什么呢，因为有时候我们不知道this到底指的是什么？怎么用？ 其实this是执行上下文对象的一个属性，执行上下文中有三个重要的属性，作用域链(scopeChain)、变量对象(VO)和this。 this是在进入执行上下文时确定的，也就是在函数执行时才确定，并且在运行期间不允许修改并且是永久不变的。 我们分各种执行上下文情况来详细解读下this： 一、在全局代码中的this 在全局代码中this 是不变的，this始终
JS学习笔记三
liuqinhou的博客
02-09 475
js基础
js 中this问题
最新发布
04-05
好的，我现在需要帮助用户理解JavaScript中的`this`问题。用户之前询问过`call()`方法，现在可能对`this`的绑定机制有更深入的兴趣。首先，我要确保覆盖`this`的不同使用场景，因为`this`的指向容易让初学者困惑。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值