js this指向问题总结

最新推荐文章于 2024-07-28 16:24:55 发布
最新推荐文章于 2024-07-28 16:24:55 发布
阅读量177 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yyk5928/article/details/100680331
版权

通过搜索以及书籍查阅 不同地方对this对象的解释：

this为函数调用时使用的上下文。

this对象是运行时基于函数的执行环境绑定的

this为当前作用域的对象实例

1.普通函数： 谁调用我 我的this就指向谁

2.箭头函数： 我在哪个函数 this就指向谁

  • 默认指向在定义它时所处的对象 而不是执行时的对象
  • 箭头函数实际并没有自己的this对象，其内部的this自动指向外层代码块的this
  • 箭头函数不能使用call apply bind 改变this指向

3.匿名函数：

    匿名函数的执行环境具有全局性，this对象通常指向window

4.定时器setTimeout,setInterval

    定时器中回调函数的this都指向window 

    没有直接的调用者 this指向的是window

5.改变this指向的常用方法

1.将外部函数的this赋值给一变量，内部函数中使用该变量，而不直接使用this

2.使用bind进行this绑定

3.使用箭头函数 箭头函数中的this默认指向外层函数的this

待补充：闭包中this指向 为什么匿名函数的this指向window

 

仰柔川
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS中的this指向问题(详细版)
LoveyL0201的博客
10-23 1万+
JS中的this指向问题() 在全局作用域中 =>this -> window <script> console.log(this); //this->window </script> 在普通函数中 =>this取决于谁调用，谁调用我，this就指向谁，跟如何定义无关 var obj = { fn1:function() { console.log(this);
JS中的this指向问题
BeMount
06-13 184
JS中的this指向问题
JS中this的指向性
最新发布
weixin_51968651的博客
07-28 551
针对一些常见的this的指向性问题进行一个简单的介绍。
js中this指向学习总结
越努力，越幸运！
05-02 7532
js中this指向学习总结
JS this指向问题
qq_42349946的博客
09-03 153
作用 & 意义 this关键字具有一种指向作用，类似于指针的作用，可以为你的变量或方法提供一个指向。 a.如果是一般函数,this指向全局对象window; b.在严格模式下"use strict",为undefined. c.对象的方法里调用,this指向调用该方法的对象. d.构造函数里的this,指向创建出来的实例. 多数情况下，this 指向调用它所在方法的那个对象。 当调用方法没有明确对象时，this 就指向全局对象。在浏览器中，指向 window；在 Node 中，指向 Global。（
js中this指向问题
CJF的博客
11-29 757
this是javascript的众多关键字之一，它自动定义于作用域内，很多初学者可能对this指向问题感到摸不着头脑。首先看下面的示例var hero ={}; hero.name = "CJF"; //此处使用具体对象 hero.getName = function(){ console.log(hero.name);//这个确定了我们访问的是hero这个对象的name属性 } hero.
关于JavaScript中的this指向问题总结篇
12-09
综上所述，理解JavaScript中的this指向是至关重要的，因为它决定了函数如何访问和修改数据。在编写代码时，需根据具体情况选择合适的方式来处理this，以避免出现意外的错误。通过熟悉上述规则和场景，能更好地掌握...
详解JS中定时器setInterval和setTImeout的this指向问题
10-20
总结一下，`setInterval`和`setTimeout`的`this`指向问题在于它们的回调函数在全局作用域中执行，因此`this`默认指向`window`。要解决这个问题，可以使用变量保存`this`的引用或者使用`bind`方法来确保`this`指向...
JavaScript This指向问题详解
10-15
以下是对`this`指向问题的详细解析： 1. **基本概念** - `this`的值在函数调用时确定，由函数调用方式决定。 - 在非严格模式下，如果函数在全局作用域中直接调用，`this`指向全局对象（在浏览器环境中即`window`...
js中this的指向问题
01-08
js中this的指向问题 常见的大概有以下几种情况： 全局作用域、普通函数以及定时器中的this指向全局对象window 方法中的this指向的是调用它的对象 构造函数中的this指向构造函数的实例 箭头函数中没有绑定this，this...
js总结(二)--彻底理解js中this的指向，不必硬背。
秋天的猿
07-20 847
　　首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接下来我会深入的探讨这个问题。 　　为...
js this指向问题
哈哈绝的博客
11-09 244
js this 指向问题
JS的this指向问题（史上最全）
qq_60619943的博客
01-11 9045
带你深入了解JS中this指向问题，小编建议弄懂this之前最好先弄懂作用域的概念！！！
js中关于this指向问题总结
Combarlala的博客
08-25 259
记录关于this指向问题的学习 1.普通函数内部的this指向调用它的对象 function fn() { console.log(this) }; fn() // window // 直接调用，实际上是window在调用它 function fn() { console.log(this); } let a = { fn }; a.fn(); // {fn: ƒ} // 将fn赋给对象a的fn属性，调用a.f
js中的this指向问题
Wonder
03-26 3737
1.单独的this，指向的是window这个对象 1 alert(this); // this -> window 2.全局函数中的this 1 2 3 4 function demo() { alert(this); // this -> window } d...
js的this指向总结
丑小鸭变黑天鹅的博客
11-25 1490
js的this指向总结一、说明一、全局环境下二、函数上下文调用1、普通函数调用1.1、 情况说明：2、作为方法来调用2.1、情况12.2、情况22.3、 情况33、作为构造函数来调用3.1、情况13.2、情况24、call,apply,bind5、Eval函数6、DOM 事件处理函数中的 this & 内联事件中的 this1、DOM事件处理函数2、内联事件3、setTimeout & setInterval7、箭头函数三、总结 一、说明 首先必须要说的是，其实this就是一个指针，它指示的
JS this指向总结
qq_43957263的博客
12-01 541
JavaScript的this指向总结
JavaScript this指向问题解析与解决策略
"这篇Markdown文件主要讨论了JavaScript中this的指向问题，特别是涉及到函数、定时器以及事件处理函数中的上下文。作者分享了自己的学习心得，并给出了一段代码示例来说明常见问题及其解决方案。" 在JavaScript中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值