JavaScript的this指向问题

已于 2023-10-26 21:44:39 修改
阅读量410 收藏
点赞数
分类专栏： JS进阶 文章标签： javascript 前端
于 2022-06-30 22:28:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60909419/article/details/125465382
版权
本文详细阐述了JavaScript中this的指向规则，包括全局作用域、普通函数、对象方法、箭头函数以及构造函数中的应用。重点介绍了箭头函数的独特性，即其this始终保持外层函数的作用域。同时，提到了在不同上下文中this的确定方式，如严格模式、对象调用、构造函数实例等。此外，还提及了不在函数中this可能指向的场景，如
道阻且长没关系
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript This指向问题详解
10-15
以下是对`this`指向问题的详细解析： 1. **基本概念** - `this`的值在函数调用时确定，由函数调用方式决定。 - 在非严格模式下，如果函数在全局作用域中直接调用，`this`指向全局对象（在浏览器环境中即`window`...
javascript中this指向详解
10-22
为了让读者更加深入地理解JavaScript中的this指向问题，本文将会详细分析this在不同场景下的行为，并通过实际代码示例来说明。 首先，JavaScript中的this不同于一些其他面向对象编程语言（如Java或C#）中的this。在...
Atitit.js this错误指向window的解决方案
weixin_33831673的博客
03-24 75
Atitit.js this错误指向window的解决方案     1.1. 出现地点and解决之道1 1.2. call,apply和bind这三个方法2 1.2.1. Function.prototype.call2 1.3. 在函数内部出现的this，指什么要看这个this所在的函数的被调用方式。 不论这个this出现在什么样的函数中，层次有多深，结构多复杂，只要看直接包含它的函...
JavaScript中this的指向 详解
Wang Chengchen's Blog
05-13 4857
JavaScript的this的指向详解 this的指向一直是困扰前端小白的难题，作为小白的我用掉了好多头发的能量，稍微总结出来一点经验！！！ 关于this的指向，主要有一下几个版块， ①全局环境下的this指向 ②函数内的this ③对象中的this ④箭头函数中的this ⑤构造函数中的this ⑥原型链中的this 【补充一点】关于this，谁调用就指向谁，箭头函数在下面做单独讨论。 一、全局环境下的this指向 在全局作用域下，this始终指向全局对象window，无论是否是严格模式！ congs
js的this指向问题
低眉的博客
09-21 106
需要注意的几点 1）最终this指向的是最后掉用它的对象 2）window是js的全局对象 3）普通的函数、定时器(setTimeout)中的this均指向window 如何改变this的指向 1）call()：call方法第一个参数是要绑定给this的值，后面传入的是一个参数列表。当第一个参数为null、undefined的时候，默认this指向window。 2）apply()：apply也接...
js中this的指向问题
m0_51055743的博客
08-22 1059
js中this指向问题
JavaScript有关this指向问题，如何修改this指向
qq_43817005的博客
12-18 1208
JavaScript有关this指向问题
Javascript 中 this指向
最新发布
09-07
这时，this指向的是最后调用它的对象，在foo.fn()语句中，this指向的是foo对象。 例题 4： ``` const student = { name: 'zhangsan', fn: function () { return this; } } console.log(student.fn() === ...
浅谈JavaScript中this的指向问题
10-15
JavaScript中this关键字的指向问题可以算是JavaScript编程中的一个重要概念，理解其工作原理对于掌握JavaScript的面向对象编程至关重要。在JavaScript中，this关键字是一个隐式的参数，它在函数被调用时自动确定，其...
【JavaScript】避免this指向window的解决方法
iuukai
10-16 380
1. 【多层this】this赋值给一个变量 未处理： var o = { f1: function () { console.log(this); // Object var f2 = function () { console.log(this); // Window }(); } } o.f1(); 处理后： var o = { f1: function () { console.log(this); // Object
JavaScript中this指向问题
m0_72752380的博客
10-28 1020
箭头函数本身没有this，箭头函数中的this与上级作用域中的this相同。函数还可以作为某个对象的方法调用，这时this就指向这个调用函数的对象。bind方法会将函数的this，永久捆绑在指定的对象上，不能改变。在let中声明的箭头函数，存储在脚本作用域中，
JavaScript-----this的指向及修改this指向
weixin_45904557的博客
06-15 316
this的指向是在使用时判断的而不是创建时判断的,除了箭头函数 1.在全局作用域下,this指向window 2.普通函数和匿名函数里的this指向window, IE事件里面this指向window 3.对象方法里的this指向对象本身 4.对象里面存放的如果是另一个对象,另一个对象的this指向另一个对象,而不是最外层的对象 5.构造函数的this指向它的调用者 6.箭头函数指向创建时的上一层作用域,箭头函数的指向不可变...
javascript里面的this指向问题
qq_34111969的博客
08-17 415
基本分为两类 非箭头函数的this 简而言之，this指向调用这个函数的对象。 notice: 因为可以使用赋值，或者使用call，apply，以及bind，所以这个this是可以改变的 箭头函数的this 简而言之，this指向声明这个箭头函数时所处的上下文。 可以将箭头函数理解为一个new function()； 当执行到这里时，上下文是什么，它就是什么。 像那种a函数return出来的箭头函数，this指向执行函数a的对象。 notice: 使用call，apply，以及bind，不能改变th
js中this指向的三种情况
anbinmei9074的博客
03-08 200
js中this指向的几种情况一、全局作用域或者普通函数自执行中this指向全局对象window，普通函数的自执行会进行预编译，然后预编译this的指向是window //全局作用域 console.log(this);//Window //普通函数 function fn(){ console.log(this); //Window } fn();...
JavaScript中的this指向问题及this指向的修改
weixin_43499659的博客
09-22 591
面向对象语言中 this 表示当前对象的一个引用。 但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。 在方法中，this 表示该方法所属的对象。 如果单独使用，this 表示全局对象。 在函数中，this 表示全局对象。 在事件中，this 表示接收事件的元素。 在显式函数绑定时，我们可以自己决定this的指向 实例 var person = { firstName: "LeBron", lastName : "James", id : 8
javascript 三种方式改变this指向
fareast_mzh的博客
05-18 775
* MyDiv.js // @ref: https://uhyohyo.net/javascript/9_5.html function MyDiv(name) { this.div = document.createElement("div"); this.name = name; this.div.textContent = "This div element i...
js——关于this指向问题和修改this的指向
fdadfas的博客
03-04 311
文章目录一、this的指向问题二、修改this指向的放1.使用箭头函数2. call关键字3. apply关键字4. bing关键字总结 一、this的指向问题 this的指向问题，在于他他被那个函数调用了就指向那个函数 在全局条件下的指向为当前的视窗Window,但是这样就会造成在this的指向达不到我们的要求，还有就是需要改变this的指针方向在达到某些需求。 二、修改this指向的放 1.使用箭头函数 箭头函数里面的this指向不是在于谁调用了函数而是根据函数的上下文来觉定 2. call关键字
深入理解 JavaScript 之 this指向详解
Yushia的博客
05-25 583
前端开发人员在进阶过程中总会遇到一个疑难杂症:Javascript的this this到底指向什么哪个对象啊? 要爆炸了有木有? 1、this 在函数执行时，this 总是指向调用该函数的对象。要判断 this 的指向，其实就是判断 this 所在的函数属于谁。 1.1、姜浩五大定律 通过函数名()直接调用：this指向window； 通过对象.函数名()调用的：this指向这个对象； 函数作为数组的一个元素，通过数组下标调用的：this指向这个数组； 函数作为window内置函数的回调函数调用：th.
JavaScript基础：this 指向问题
imagine_tion的博客
03-05 1053
一、常见错误理解 this是指向自身吗？ 特别是在函数中使用 this 的时候，this 是指的所在的这个函数对象吗？看下面示例： function test() { console.log(this.name) } test.name='aaaa' test() // '' 输出的是空字符串，因为此时 this 指向的是 window ，所以 this 并不是指向自身 this指向函数的作用域吗？ function test() { var name = 'bbbbb' conso.
javascriptthis指向问题
03-16
JavaScript中的this指向问题是指在函数中使用this关键字时，它所指向的对象可能会因为调用方式的不同而发生变化，导致程序出现错误或不符合预期的结果。例如，在对象方法中使用this时，它会指向该对象本身，但在普通...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值