javascript中 this的指向

已于 2022-04-13 22:33:05 修改
阅读量819 收藏
点赞数
分类专栏： 前端 文章标签： 前端 javascript
于 2022-04-09 09:34:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43992524/article/details/124055772
版权
本文深入探讨了JavaScript中的箭头函数，揭示了其this值的捕获特性。箭头函数不会创建自己的this值，而是继承自父作用域，这意味着call(), bind(), apply()等方法无法改变其this指向。这一特性对于理解JavaScript中的作用域和对象绑定至关重要。
摘要由CSDN通过智能技术生成

添加链接描述

箭头函数中的this:

1.箭头函数会捕获其所在上下文的 this 值，作为自己的 this 值，自己本身并没有this值；
2.箭头函数的this永远指向其上下文的this，任何方法都改变不了其指向，如call(), bind(), apply()。

逆光-mazewei
关注
专栏目录
Javascript中this指向问题
Celester_best的博客
03-14 1851
普通函数时，this指向window <script> function test() { console.log('=== test this: ', this) } test() const test1 = function () { console.log('===test1 this: ', this) } test1() &
彻底搞懂JavaScript中this指向
无名小小卒的博客
04-08 3159
javascript中的this this绑定 默认绑定 new绑定 显示绑定 隐式绑定 硬绑定 隐式丢失 this绑定优先级
关于JavaScript中this指向的详解
weixin_45939221的博客
11-23 2211
关于JavaScript中的this指向以及改变this的三种方法
JavaScript中this指向问题
m0_72752380的博客
10-28 1169
箭头函数本身没有this，箭头函数中的this与上级作用域中的this相同。函数还可以作为某个对象的方法调用，这时this就指向这个调用函数的对象。bind方法会将函数的this，永久捆绑在指定的对象上，不能改变。在let中声明的箭头函数，存储在脚本作用域中，
彻底理解JavaScript中this指向
猫老板的豆
11-09 1509
如果要判断一个运行中函数的 this 绑定， 就需要找到这个函数的直接调用位置。找到之后new 调用：绑定到新创建的对象，注意：显示return函数或对象，返回值不是新创建的对象，而是显式返回的函数或对象。call、apply、bind调用：严格模式下，绑定到指定的第一个参数。非严格模式下，null和undefined，指向全局对象（浏览器中是window），其余值指向被new Object()包装的对象。对象上的函数调用：绑定到那个对象。普通函数调用。
JavaScript中this指向
CSPsy的博客
12-19 2186
JavaScript中this指向 JavaScript上下文规则 事件处理函数 this 立即执行函数this 函数中this 定时器，延时器this 数组中对象上下文
JavaScript中this的指向
friend_ship的博客
12-30 795
this的指向大致可以分为以下4种： 作为对象的方法调用。 作为普通函数调用。 构造器调用。 Function.prototype.call 或 Function.prototype.apply调用。
JS中的this指向
热门推荐
m0_55990909的博客
05-13 3万+
this的概念： 在js中，this的意思为“这个;当前”，是一个指针型变量，它动态指向当前函数的运行环境。 在不同的场景中调用同一个函数，this的指向也可能会发生变化，但是它永远指向其所在函数的真实调用者；如果没有调用者，就指向全局对象window。 普通函数：关于this，谁调用就指向谁，没有调用者，就指向全局对象window。 箭头函数：箭头函数的this指向于函数作用域所用的对象。 一、全局环境下的this指向 在全局作用域下，this始终指向全局对象window，无论是否是严格
Javascript中this指向的问题
XingErIrene的博客
08-09 584
Javascript中的this指向问题 ​ javascript中this指向问题核心(本质):谁调用指向谁. 1.普通函数中的this function fun() { console.log(this); //window this指向window } fun(); 2.构造函数或者构造函数原型对象中的thi...
理解javascript中的this指向
qq_46093896的博客
10-04 340
辨析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-22
为了让读者更加深入地理解JavaScript中的this指向问题，本文将会详细分析this在不同场景下的行为，并通过实际代码示例来说明。 首先，JavaScript中的this不同于一些其他面向对象编程语言（如Java或C#）中的this。在...
JavaScript中this指向.docx
09-14
### JavaScript中this指向详解 #### 一、引言 在JavaScript编程中，`this`关键字的使用及其指向问题一直是困扰很多开发者的难点之一。不同于传统面向对象编程语言如Java或C#中的`this`概念，JavaScript中的`this`...
JavaScript中this指向.pdf
09-14
由于this在JavaScript中的运行期绑定特性，导致了this指向的复杂性。 在JavaScript中，this的指向可以有以下几种情况： 1. 指向window的隐式指向 在全局作用域中，如果函数没有明确的调用者，那么this通常指向全局...
一些常用的react hooks以及各自的作用
weixin_48602044的博客
11-01 402
关于react hooks的一些知识与应用
做一个能适配「手机」的网站需要注意什么
illidri的博客
11-01 288
像现在主流会采用 H5 响应式布局，仅涉及前端的开发工作，代码量少，效果佳，是一种性价比比较高的选择，如果题主有意要进行网站建站，特别是想要手机浏览也有一定效果，可以选择这种~当然还有一种类似的方式叫自适应布局，俗称 AWD（AdaptiveWebDesign），同样是检测视口分辨率，判断不同尺寸和分辨率是什么设备，从而返回不同布局页面。最根本的区别在于，响应式页面的代码量少，但质量要求高，根据不同分辨率自动调整排版，而自适应页面需要根据不同设备准备不同的页面，这样前期的开发工作就大了很多。
前端 常见开发工具使用
weixin_45534301的博客
10-31 483
【代码】前端 常见开发工具使用。
Google Recaptcha V2 简单使用
吴家健ken的博客
10-30 311
Google Recaptcha V2 简单使用
Webserver(2.8)守护进程
最新发布
学习历程记录和分享
11-04 124
每隔2s获取系统时间，将这个时间写入到磁盘文件中。
JavaScript中this指向详解与调用方式
当我们直接调用一个函数，如`window.fn()`，`this`指向全局对象（在浏览器环境中通常是`window`），因此会打印出`普通函数的this指向window`。 2. 构造函数调用： 构造函数用于创建新的对象，如`var ldh = new ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值