this的指向（4种）

最新推荐文章于 2022-04-30 21:07:55 发布
最新推荐文章于 2022-04-30 21:07:55 发布
阅读量141 收藏 1
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ibc9129/article/details/116597665
版权
本文详细解析了JavaScript中this关键字的四种指向方式，包括全局及普通函数中的指向、方法调用中的指向、构造函数及原型对象中的指向以及箭头函数中的指向。同时介绍了call、apply、bind三个函数用于改变this指向的方法。
摘要由CSDN通过智能技术生成

this的指向（4种）

  1. 在全局作用域或者普通函数中，this指向全局对象window
  2. 方法调用中，谁调用指向谁
  3. 在构造函数或者构造函数原型对象中,this指向构造函数的实例
  4. 箭头函数指向外层作用域的 this

call、apply、bind三者为改变this指向的方法。

共同点：第一个参数都为改变this的指针。若第一参数为null/undefined，this默认指向window

call（无数个参数）

第一个参数：改变this指向

第二个参数：实参

apply（两个参数）

第一个参数：改变this指向

第二个参数：数组（里面为实参）

使用时候会自动执行函数

bind（无数个参数）

第一个参数：改变this指向

第二个参数之后：实参

返回值为一个新的函数

使用的时候需要手动调用下返回 的新函数（不会自动执行）

前端小萌新Janice
关注
this的指向有哪几种？一个文章让你理解明白！从此不在为this指向犯愁！
CSON_Fuck的博客
04-23 1403
this的指向有哪几种？一个文章让你理解明白！从此不在为this指向犯愁！
this指向的四种情况
jiandan1127的博客
07-07 1277
this 是在运行时进行绑定的，并不是在编写时绑定，它的上下文取决于函数调用时的各种条件。 this 的绑定和函数声明的位置没有任何关系，只取决于函数的调用方式。 当一个函数被调用时，会创建一个活动记录（有时候也称为执行上下文）。这个记录会包含函数在哪里被调用（调用栈）、函数的调用方式、传入的参数等信息。this 就是这个记录的一个属性，会在函数执行的过程中用到。 判断this指向的四种情况 1. new 使用 new 来调用函数，或者说发生构造函数调用时，会自动执行下面的操作。 ...
this的指向
qq_44278908的博客
03-02 597
执行期上下文 当函数执行时（准确来说，是在函数发生预编译的前一刻），会创建一个执行期上下文的内部对象。一个执行期上下文定义了一个函数执行时的环境。 每调用一次函数，就会创建一个新的上下文对象，他们之间是相互独立且独一无二的。当函数执行完毕，它所产生的执行期上下文会被销毁。 this 解析器在调用函数每次都会向函数内部传递进一个隐含的参数，这个隐含的参数就是 this，this 指向的是一个对象，这个对象我们称为函数执行的 上下文对象。 函数内 this 的指向【非常重要】 我们在《JavaScript 基础
this指向几种情况详解
qq_45305088的博客
07-09 549
1.对象的this（指向.前面） 基本的 var a = 0 var obj = { a:1, fn() { console.log(this.a，this,a); } } obj.fn()//1,obj ,0 2.直接调用的this（指向window，容易混淆：闭包） 有几种情况： 2.1 函数作为参数传给函数 var a = 1 function fn() { console.log(a); } function fn1(data) { var a =
this指向情况详解
m0_52634705的博客
05-28 2668
this，函数的执行主体（不等价于执行上下文），取决于谁把这个函数执行的。大体上把this执行主体分为一下5类。
详解JavaScript中关于this指向的4种情况
10-17
obj.fn() // 调用fn方法，此时this指向obj ``` 在这个例子中，`this`在`fn`函数内部指向`obj`对象。 如果对象的属性中还嵌套了函数，如二级或更深层次的函数，这些内部函数的`this`会默认指向全局对象（在...
函数四种调用模式以及其中的this指向
08-31
本文将详细探讨函数的四种调用模式及其对应的`this`指向。 1. **函数直接执行模式** 当函数不作为任何对象的方法，直接被调用时，`this`的值取决于函数执行的环境。在浏览器环境中，如果函数在全局作用域中被调用...
javascript中this指向详解
10-22
4. 使用apply或call调用：这两个方法允许我们指定函数调用时的this指向。 为了帮助理解，可以使用一个所谓的“JavaScript this决策树”来辅助判断。这个决策树基于函数的调用方式来决定this的值。下面，我们将通过...
解决使用attachEvent函数时，this指向被绑定的元素的问题的方法
10-30
### 解决使用attachEvent函数时，this指向被绑定的元素的问题的方法 在Web开发中，尤其是在处理Internet Explorer（IE）浏览器兼容性问题时，我们经常会遇到`attachEvent`函数中的`this`指向问题。默认情况下，`...
深入理解javascript原型和闭包（10）——this
weixin_30895603的博客
09-23 208
接着上一节讲的话，应该轮到“执行上下文栈”了，但是这里不得不插入一节，把this说一下。因为this很重要，js的面试题如果不出几个与this有关的，那出题者都不合格。 其实，this的取值，分四种情况。我们来挨个看一下。 在此再强调一遍一个非常重要的知识点：在函数中this到底取何值，是在函数真正被调用执行的时候确定的，函数定义的时候确定不了。因为this的取值是执行上下文环...
Javascript中this的4种指向
tcy9099的专栏
04-26 226
this的指向this的指向1.作为对象的方法调用2.作为普通函数调用3.构造器调用4.Function.prototype.call或Function.prototype.apply调用 Javascript中的this总是指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境。 this的指向 除去不常用的with和eval的情况，具体到实际应用中，...
函数的四种调用模式(this的指向)
DLGDark的博客
09-10 650
函数模式： this—–>window 方法模式： this—–>调用方法的对象 构造函数模式： this—–>new 出来的对象 上下文模式： this—–>指定的是谁就是谁 解释: call 函数.call(对象，arg1,arg2,arg3,……argn) ap
this的五种指向
qq_42033430的博客
05-05 5740
① 在普通函数中，this指向window ② 在构造函数中，this指向创建的对象 ③ 在方法声明中，this指向调用者 ④ 在定时器中， this指向window ⑤ 在事件中，this 指向事件源 ...
js中this的几种指向
u010234868的专栏
06-10 101
this的几种指向情况： 普通函数中的this -> window 构造函数中的this -> 当前构造函数创建的对象 方法中的this -> 方法所属的对象 事件处理中的this -> 事件源，谁调用的该事件，this就指向谁 ...
this的指向有哪几种情况？
huyao的博客
01-04 6027
this代表函数调用相关联的对象，通常页称之为执行上下文。   1. 作为函数调用，非严格模式下，this指向window，严格模式下，this指向undefined； 2. 作为某对象的方法调用，this通常指向调用的对象。 3. 使用apply、call、bind 可以绑定this的指向。 4. 在构造函数中，this指向新创建的对象 5. 箭头函数没有单独的this值，this在...
this指向 最简单的两种！
学无止境
08-07 1747
原文地址：http://www.zhangyunling.com/?p=251     在我们刚刚使用JS时，不知道您是否因为一些东西而思路直接混乱的情况，反正我是有过，曾经有段时间，我是尽量在所有能不使用this的地方，不去使用this，因为这个家伙总是让我不知道，它在一些地方，到底是代表的什么含义，现在，自认为有了一些认识，所以也敢于使用这个变量了，所以就有了本篇文章。
js中函数 this的三种指向
weixin_57396733的博客
04-30 1470
1.关于this： this关键字是函数运行时自动生成的一个内部对象，也被称作为环境对象，只能在函数内部使用。谁调用this，this就指向谁。谁调用我,我就指向谁 2.this的三种指向 普通函数； 函数名() this指向window 对象方法: 对象名.方法名() this指向对象 构造函数； new 函数名() this指向new创建实例对象 3.通过代码分析、验证 （1）普通函数 我们声明一个函数，函数体...
js中关于this指向的几种形式
青蛙背蝎子过河的博客
06-23 1796
        对于js初学者来说,this指向问题把不少人搞得头大.记得我初学js的时候,也是如此.后来也是不断查资料.今天就聊聊js中this指向的几种形式.        注意:以下几种形式皆是es3.1语法下,也就是非严格模式下的this指向;因为es5和es6中,都对this指向做了不同程度的改变;以后有时间了在一起聊聊es5和es6中的this.建议大家拥抱es6.        第一...
this指向详解及改变它的指向的方法
热门推荐
MY的博客
10-22 2万+
一、this指向详解this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话不那么严谨，作为一般情况下是可以的）再加下面的补充，就完美啦：情况1：如果一个函数中有this，但是它没有被上一级的对象所调用，那么this指向的就是window，这里需要说明的是在js的严格版中this指向的不是window，但是我们这里
JavaScript中的this指向详解
本文主要包含全局环境中的this指向、上下文对象调用中的this、事件绑定的元素改变this指向、箭头函数的this指向等内容。在JavaScript中，this关键字可以用在构造函数中，表示实例对象，也可以用在其他场合，但无论是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值