this的指向，箭头函数的this

最新推荐文章于 2024-11-05 15:26:40 发布
最新推荐文章于 2024-11-05 15:26:40 发布
阅读量84 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wen15191038073/article/details/120222336
版权
本文深入探讨了JavaScript中this的四种常见情况：事件处理、构造函数、类方法和全局作用域，并特别指出箭头函数不具有自己的this，其this继承自外层作用域。了解这些概念对于JavaScript开发者来说至关重要。
摘要由CSDN通过智能技术生成

this的指向，箭头函数的this

①当this所在函数是事件处理函数时，this代表事件源

②当this所在函数是构造函数时，this代表new出来的对象

③当this所在函数是类的方法时，this代表调用方法的对象。

④当this所在函数没有所属对象，this代表window对象。
箭头函数根本没有自己的this，它内部的this就是外层代码块的this

侠客博园
关注
Jquery考试面试题（一）
yangyabing2020的博客
06-17 3506
一、单选题（共30题，每题2分） 得分：0.0分 1. 闭包的好处说法不对的 A 缓存变量 B 防止命名冲突 C 可能造成内存泄露 D 减少内存使用率 正确答案: D 解析: 无 得分：0.0分 2. 不能进行强制类型转化的为 A parseInt B parseFloat C Number D Math.floor 正确答案: D 解析: 得分：0.0分 3. 不属于同源策略限制条件的 A 端口 B 协议 C 域名 D 网址 正确答案: D 解析: 得分：0.0分 4. alert(username);v
简单分析一些 [箭头函数] 的 this 问题
annuobin1120的博客
09-01 101
本文 对比了 对象中的 箭头函数 普通函数 和 函数中的 箭头函数 普通函数 四种情况问题 var name = 999 // 第一种 const obj3 = { name: 66, fn: () =>{ console.log(this.name) } } // 第2种 const obj4 = { nam...
javascript_this的理解
jiang7701037的博客
01-25 2195
文字解释： 一、this的理解：         this:是"这个"的意思，是代名词，代名词代表的意思要根据场景或情景决定。         你，我，他，这个，那个，都是代名词。        当有人说，"我在吃饭"时，那这个“我”是谁呢，就必须要看这句话是谁说的，谁说的，我就是谁，即“我”会根据说话的人变化而变化   二、JavaScript中this的四种情况（this是函数的内置...
this的指向（全），this的场景，call，apply，bind，箭头函数里的this
jiang7701037的博客
12-28 2048
生活中： this的意思：“这个”的意思，是个代名词。代表谁呢？ 看场景。 举例: 当我说“这个教室”时，到底是哪个教室，需要看我说这句话的场景。 程序中： this也是代名词，它的场景就是函数。this是函数里的内置对象。 一、this的四种情况： 1）、当this所在函数是事件处理函数时。this表示事件源 2）、当this所在函数是构造函数时，this是new出来的对象 3）、当this所在函数时类的方法时，this是调用方法时的对象（写在方法调用前面的那个对象(主语...
ES6 箭头函数及this指向
半夏_2021的博客
04-20 1773
ES6 中箭头函数及this指向
箭头函数与常规函数的this指向问题
大剑师兰特的GIS世界
01-29 628
函数中this的指向问题特别容易让人迷糊，这里用示例来指点迷津，走出迷茫。
箭头函数中的this指向
ChpeShy的博客
04-01 7729
普通函数：this指向分为4种情况，1. obj.getName();//指向obj2.getName();//非严格模式下，指向window，严格模式下为undefined3. var a = new A();   a();//指向A本身4.getName().apply(obj);//指向obj箭头函数：箭头函数本身是没有this和arguments的，在箭头函数中引用this实际上是调用的是...
ES6中箭头函数的this指向
weixin_43739375的博客
03-16 2830
一直以来对于ES6中箭头函数有些疑虑，其中一项就是this的指向问题，所以不敢放手去使用。因为跟之前我所熟悉掌握的函数内部this的指向是有些地方不同的，但是在箭头函数中this到底指向谁，这块儿模模糊糊的。所以为了搞清楚这个问题，就特意查阅了相关的资料，现总结下来。 在JavaScript语言里面，this的用途很广泛。在这里，对this的含义以及原理就不做解释和说明，因为本文的目的是阐明箭头函...
箭头函数与this指向详解
web$-小白
07-16 3743
箭头函数以及箭头函数中this的指向问题
this指向 箭头函数中的this call、apply和bind方法的用法以及区别
01-08
2.箭头函数的this: 指向箭头函数定义时所处的对象，而不是箭头函数使用时所在的对象，默认使用父级的this 箭头函数的父级还箭头还是 就从父级开始 向上查找 直到有（实际上箭头函数里并没有 this，如果你在箭头函数...
箭头函数this指向以及改变this指向的方法
何淑女的博客
10-30 5893
箭头函数this指向以及改变this指向的方法 call apply bind 总结 相同点： 都可以改变函数内部的this指向 不同点 ： 1.call和apply会调用函数,并且改变函数内部this的指向 2.call和apply传递的参数不一样,call传递参数aru1,aru2…形式 , apply必须数组形式 3.bind 不会调用函数,可以改变函数内部this指向 主要应用场景 1.call经常做继承 2.apply经常跟数组有关系,比如借助于数学对象实现数组最大值最小值 3.bind不调用函数
箭头函数及其this的指向
qq_53841687的博客
07-13 3869
目录一、箭头函数1、 基础语法 2、箭头函数简写 二、箭头函数的 this1、全局函数下的 this2、对象方法里面的 this3、构造函数的this4、 call()、apply()、bind()调用时的 thisES6中引入了箭头函数。箭头函数允许我们编写更短的函数。 语法：() =>{} // ():函数 =>:必须的语法，指向代码块 {}:代码块 2、箭头函数简写 代码块只有一句话，省略 { } 和 return只有一个参数时，小括号 ( ) 可省略 普通函数 this 跟调用者有关 箭头
【JS】this 指向介绍（箭头函数）
m0_48982503的博客
01-07 851
由于箭头函数不绑定this， 它会捕获其所在（即定义的位置）上下文的this值， 作为自己的this值， 所以 call() / apply() / bind() 方法对于箭头函数来说只是传入参数，对它的 this 毫无影响。 考虑到 this 是词法层面上的，严格模式中与 this 相关的规则都将被忽略。（可以忽略是否在严格模式下的影响）
箭头函数及this指向修改
flynn_
02-24 6780
简单的说，箭头函数就是对匿名函数的简化 作为ES6的一种新规范，箭头函数的优点不仅在于写法上的简化，更多的是能够根据情况，与匿名函数之前切换使用，快速达到this指向切换的效果。 那么，箭头函数如何使用呢？ 用法及格式 this指向 与普通函数区别 用法及格式 一般形式上的箭头函数长这样 () => { } ...
一些常用的react hooks以及各自的作用
weixin_48602044的博客
11-01 455
关于react hooks的一些知识与应用
JavaScript 生成二维码
qq_30049249的博客
11-02 242
我试过了，这一款js库支持中英文混合。进入网站后，可以直接点击运行哟～
软件测试学习笔记丨Vue常用指令-条件渲染（v-if）
最新发布
ceshiren_com的博客
11-05 498
v-show只是简单控制dom元素的display属性。v-if通过操纵dom元素来进行切换显示。
vxe-grid ，增加新行，并且定位到新增的行
花花鱼的专栏
11-05 175
vxe-grid新增空行，并且定位到空行位置。
箭头函数改变this指向
09-15
而在箭头函数中，this的值是在函数定义时确定的，它指向箭头函数所处的上下文。 具体来说，在箭头函数中，this指向的是定义箭头函数的词法作用域中的this值，而不是调用箭头函数时的对象。这意味着箭头函数没有自己...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值