对this指向的理解

最新推荐文章于 2022-09-19 10:09:23 发布
最新推荐文章于 2022-09-19 10:09:23 发布
阅读量691 收藏 1
点赞数
分类专栏： Javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44472722/article/details/103086894
版权

1、普通函数调用

指向window对象
在这里插入图片描述

2、函数作为对象的方法时

指向改对象
在这里插入图片描述

3、构造函数中的this

指向new出来的实例
在这里插入图片描述

4、箭头函数this指向

箭头函数不绑定this,继承上级的this

one.dream
关注
专栏目录
面试官：谈谈你对 this 指向的理解
人生代码 ---- 公众号
01-26 539
面试官：谈谈你对 this 指向的理解我们先抛开 ES6 新增的箭头函数，先来谈谈我们的一般函数的 this 指向问题。首先必须明确的说明，this 在普通函数定义的时候是确定不了的，只...
浅谈对 this 指向的理解
csdn_zsdf的博客
04-10 786
在《javaScript语言精粹》这本书中，把 this 出现的场景分为四类，简单的说就是：有对象就指向调用对象；没调用对象就指向全局对象；用new构造就指向新对象；通过 apply 或 call 或 bind 来改变 this 的所指。首先理解这句话：this对象是在运行时基于函数的执行环境绑定。 接下来看第一种情况： 1. 有对象就指向调用对象var name = "this is glo
This指向的理解
LN101的博客
04-02 371
this就是一个指针，指来指去，比如我们常见地事件调用，它地宗旨就是谁调用它就指谁，我们地事件，比如一个click事件，点击所调用地函数，那么这个函数内部地this就是指向此事件地。当然，相对应地我们还有改变this地方法，call，apply、bind,他们三个地区别就是call、apply是立即执行函数，而bind不是立即执行地，但是call和apply也有区别，他们最大地区别除了字不一样以外...
JavaScript中的this指向问题
weixin_43758377的博客
03-12 1255
JavaScript中的this是让很多开发者头疼的地方，而this关键字又是一个非常重要的语法点。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。 想要理解this，你可以先记住以下两点： 1：this永远指向一个对象； 2：this的指向完全取决于函数调用的位置； 针对以上的第一点特别好理解，不管在什么地方使用this，它必然会指向某个对象；确定了第一点后，也引出了一个问题，就是this使用的地方到底在哪里，而第二点就解释了这个问题，但关键是在JavaScript语言之中，一切皆对象，运行环境也
this指向的理解
weixin_49920110的博客
05-27 351
this指向 1、在浏览器中，this指向于window 2、在函数中(普通函数)，this指向调用他的那个对象 3、在箭头函数中，箭头函数中没有this，使用的this就是箭头函数父级的this。 4、在构造函数中，this指向构造出来的实例。 改变this指向的放方法 一共有三种call、 apply、bind Apply 改变this指向，传入的是单个值,如果是数组，他会把数组里面得各项分开传入 Call 改变this指向，并且他只能传一个值，如果是数组，他会把数组一个整体传入 Bind
深入理解js函数的作用域与this指向
10-22
在深入学习JavaScript时，理解函数的作用域和this指向对于掌握函数执行上下文、闭包、事件处理、异步编程等概念都非常重要。建议深入研究ECMAScript规范和现代JavaScript引擎中的具体实现，以此来更好地理解这些概念...
我所理解的JavaScript中的this指向
10-14
理解`this`的指向是掌握JavaScript核心概念的关键部分。 首先，当函数直接调用时，`this`的指向在非严格模式下是全局对象，如在浏览器环境中是`window`对象，在Node.js环境中是`global`对象。但在严格模式下，`this...
javascript中this指向详解
10-22
为了让读者更加深入地理解JavaScript中的this指向问题，本文将会详细分析this在不同场景下的行为，并通过实际代码示例来说明。 首先，JavaScript中的this不同于一些其他面向对象编程语言（如Java或C#）中的this。在...
this指向问题的简单理解
weixin_41912152的博客
06-22 152
// 首先强调一点，this的指向在函数创建的时候是决定不了的， // 在调用的时候才能决定，谁调用的就指向谁，一定要搞清楚这个 var name = "222"; var a = { name: "111", say: function () { console.l...
理解this的指向
Z_J_CSDN的博客
07-04 284
this的指向规则以及优先级
面试官：谈谈你对this指向的理解？
最新发布
qq_38345920的博客
09-19 354
函数在调用时会创建一个执行环境，this是在运行时基于函数的执行环境绑定的，它可以允许函数内部引用上下文中的执行变量，使函数编程更为优雅简洁。来看看下面这段代码，为什么不同的调用方法打印出来的结果会不一样呢？其实很简单，因为这里不同调用方式的this指向不同。为什么不同的函数调用方式this就指向不同？这是由什么决定的呢？下面让我们带着疑问开始深入理解this问题吧！this指向是个比较复杂的知识点，当然，如果我们真正理解了this指向的原理后，再遇到this指向的问题就变得很简单了，理解this。
谈谈对this的理解
weixin_43905830的博客
01-27 1511
谈谈对this的理解 什么是this 每个函数在被调用时都会创建一个执行上下文，这个上下文包含了变量环境、this、作用域链等，this就是执行上下文中的一个属性，他是在函数运行时进行绑定的，this的绑定和函数的声明位置没有关系，它取决于函数的调用方式。 this的绑定规则 默认绑定 首先要说的就是函数最常用的调用方式独立函数调用，这时this就会遵守默认绑定规则。看下面这个例子： var name="zhangsan"; function a(){ console.log(this.nam
Web前端面试指导(三十一)：谈谈你对this的理解
热门推荐
雄领IT的专栏
10-07 1万+
题目点评 主要考察你对面向对象编程的理解，特别是对象的指向问题，如果连对象的指向都搞不清楚，很难说明你是一个优秀的前端开发人员，所以回答this的知识点是体现你的身价的时候到来了！如果能够回答好这个问题，那么在面试上你是增值的。个人建议，可以先回答this在不同的场合指向的是什么，在来回答什么时候用到this，这样回答的逻辑会比较好。 this的指向 this表示当前对象，this的指向是根
关于this指向的理解
wangshuze123的博客
08-13 218
在这里主要主要解释的都是函数中的this js中的this代表的是当前函数执行的主体； 1.this是谁和函数在哪里定义的和执行的都没有关系，那么怎么才能去区分this？(非严格模式) (1)函数的执行， 首先我们先看函数前面有没有“ . ”，如果有的话，“ . ”前面是谁，this就是谁；如果没有电的话，这时候this就是window。 例: function fn () { console.log(this) } var obj = {fn: fn}; fn() //这时候fn里面的this就是wi
this指向理解
脑瓜疼儿的博客
02-26 472
this 是一个关键字，它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。 1.作为纯粹的函数调用 this 指向全局对象 2.作为对象的方法调用 this 指向调用对象 3.作为构造函数被调用 this 指向新的对象（new 会改变 this 的指向） 4.apply 调用 this 指向 apply 方法的第一个参数 首先必须要说的是，this的指向在函数定义的时候是确定不了的， ...
对 this 指向的理解
Bule_daze的博客
10-31 433
基本上可以归为四类： 1⃣️ 全局 this 是 window 2⃣️ 函数 this 是调用者 3⃣️ 构造函数的 this 是 new 之后的新对象 4⃣️ call ，apply ，bind 的 this 是第一个参数 首先我们需要得出一个非常重要一定要牢记于心的结论，this 的指向，是在函数被调用的时候确定的。也就是执行上下文被创建时确定的。因此，一个函数中的this指向，可以是非常...
彻底理解this指向
m0_73302873的博客
08-22 2350
深度了解this指向
this指向，认识与理解this指向
iygxv
10-23 389
this指向 this指向 -------简单的理解谁调用它就指向谁 文章目录this指向下面从几方面来理解this1、简单函数2、内置函数3、回调函数4、数组5、对象6改变对象指向(call apply bind)总结 下面从几方面来理解this 1、简单函数 //简单函数 /this ===window function f(){ console.log(this); //window } 2、内置函数 //内置函数 this ===wi
JavaScript中的this指向详解
在JavaScript中，this指向是一个非常重要的语法点，对于理解JavaScript的作用域和对象调用非常关键。本文主要包含全局环境中的this指向、上下文对象调用中的this、事件绑定的元素改变this指向、箭头函数的this指向等...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值