箭头函数中的this指向问题

已于 2025-03-12 15:01:14 修改
阅读量240 收藏 1
点赞数 3
分类专栏： JS知识点 文章标签： 前端 javascript
于 2025-03-03 14:25:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Tonghanhan/article/details/145987261
版权
箭头函数的this指向哪里？
王铁柱666的博客
12-08 386
值是在函数被定义时就确定的，而不是在函数被调用时。箭头函数不会创建自己的。在JavaScript中，箭头函数（Arrow Functions）的。将指向新创建的对象实例。如果一个函数是作为对象的方法调用的，那么它的。这与传统的函数表达式或函数声明不同，它们会根据调用方式动态地确定。但是，箭头函数不会这样，它们的。指向的是定义该函数时所在的上下文中的。上下文，它会捕获其所在上下文的。例如，如果一个函数是通过。值始终是在定义时确定的。简单来说，箭头函数中的。关键字调用的，那么它的。
箭头函数及其this的指向
qq_53841687的博客
07-13 3932
目录一、箭头函数1、 基础语法 2、箭头函数简写 二、箭头函数的 this1、全局函数下的 this2、对象方法里面的 this3、构造函数的this4、 call()、apply()、bind()调用时的 thisES6中引入了箭头函数。箭头函数允许我们编写更短的函数。 语法：() =>{} // ():函数 =>:必须的语法，指向代码块 {}:代码块 2、箭头函数简写 代码块只有一句话，省略 { } 和 return只有一个参数时，小括号 ( ) 可省略 普通函数 this 跟调用者有关 箭头
this 指向详细解析（箭头函数）
weixin_30568591的博客
06-20 1313
本文地址：http://www.cnblogs.com/dongcanliang/p/7054176.html 前言 this 指向问题是入坑前端必须了解知识点，现在迎来了ES6时代，因为箭头函数的出现，所以感觉有必要对 this 问题梳理一下，遂有此文 在非箭头函数下， this 指向调用其所在函数的对象，而且是离谁近就是指向谁（此对于常规对象，原型链， getter & setter等...
箭头函数this的指向
weixin_57959921的博客
03-15 2728
箭头函数this的指向
关于箭头函数中的this的指向
热门推荐
xu4321083的博客
03-30 5万+
普通函数中的this:1. this总是代表它的直接调用者(js的this是执行上下文), 例如 obj.func ,那么func中的this就是obj2.在默认情况(非严格模式下,未使用 'use strict'),没找到直接调用者,则this指的是 window (约定俗成)3.在严格模式下,没有直接调用者的函数中的this是 undefined4.使用call,apply,bind(ES5新...
关于ES6箭头函数中的this问题
11-26
本文将详细解析箭头函数中的`this`问题，帮助开发者更好地理解和运用这一新特性。 通常，`this`在JavaScript中的行为取决于函数的调用方式。在普通函数中，`this`的值在函数执行时被确定，它会根据函数被调用的位置...
箭头函数this指向以及改变this指向的方法
何淑女的博客
10-30 5985
箭头函数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不调用函数
ES6对象方法声明对象时，箭头函数this的指向问题
01-08
没有this、super、arguments 和 new.target 绑定 不能通过 new 关键字调用 没有 prototype 不可以绑定this 的绑定 不支持argument 不支持重复命名参数 疑问 // 第一种 用 var 定义 value var value = '小明' ...
箭头函数里的this指向问题
xiaowuwjw的博客
01-23 2678
箭头函数的基础指向问题，简单易懂！！！
箭头函数中的this指向
ChpeShy的博客
04-01 7785
普通函数：this指向分为4种情况，1. obj.getName();//指向obj2.getName();//非严格模式下，指向window，严格模式下为undefined3. var a = new A();   a();//指向A本身4.getName().apply(obj);//指向obj箭头函数：箭头函数本身是没有this和arguments的，在箭头函数中引用this实际上是调用的是...
关于箭头函数中this指向问题
weixin_44777146的博客
03-30 222
对于箭头函数中的this指向问题一直困扰我很久，查阅文章现在终于弄懂了。 先上一段代码； var user="Absorbed-22"; let person={ user:"Absorbed-", get:function () { return function (){ console.log(this); return this.user;
箭头函数的this指向问题
最新发布
专注
12-29 568
箭头函数内部的this是继承自定义时所在对象，而不是执行时所在的对象。这意味着箭头函数没有自己的this，而是使用外层代码块的this。因此，箭头函数不能用作方法或构造函数，也不能访问arguments和super。例如，下面的代码中，obj的show方法是一个箭头函数，它的this是继承自全局对象window，而不是obj本身。所以，this.x的值是undefined，而不是100。如果想让箭头函数的this指向obj，可以使用普通的函数表达式，或者使用bind方法显式绑定this。
箭头函数中this指向问题
qaqLjj的博客
11-22 436
es6的箭头函数修复了this的指向问题 如今我们在函数内部定义的函数 不必再这样写了： var that = this; 比如： var obj = { birth: 1990, getAge: function () { var fn = function () { return new Date().getFullYear() - th...
箭头函数与this指向问题
qq_50748038的博客
09-15 440
箭头函数内部this指向运行结果为undefined。因为箭头函数实际上是没有this的，函数内部的this指向外部声明箭头函数时的this。1.全局的 var 变量其实仅仅是为 global 对象添加了一条属性。2.var声明的变量会提升，可以重复声明，具有函数作用域只能在对应代码块中使用4.const声明的变量在声明的时候就需要赋值，并且只能赋值一次，不能修改。1.用 let 和 const 声明的全局变量并没有在全局对象中，只是一个块级作用域（Script）中。
ES6箭头函数的this指向详解
weixin_45727472的博客
01-29 448
箭头函数相信大家在日常开发中用到的地方非常之多，因为它很简洁，可读性强，但是它最大的好处，其实是解决了匿名函数的this指向问题，有利于封装回调函数。 先来个总结： 箭头函数体内的this对象，就是定义该函数时所在的作用域指向的对象，而不是使用时所在的作用域指向的对象。 下面是普通函数的列子： var name = 'window'; // 其实是window.name = 'window' var A = { name: 'A', sayHello: function(){
箭头函数及其this指向
weixin_42178670的博客
04-10 6240
箭头函数 1、只有一个参数的时候，参数可以不加小括号，没有参数或2个及以上参数的，必须加上小括号 2、返回语句只有一条的时候可以不写{}和return，会自动加上return的，返回多条语句时必须加上{}和return 3、箭头函数在返回对象的时候必须在对象外面加上小括号 箭头函数的this指向和普通函数的区别 1、普通函数this指向： 指向它的调用者，如果没有调用者则默认指向window 2、箭头函数指向： 指向箭头函数定义的时候所处的对象，而不是其所使用的时候所处的对象，默认指向父级的this 综上：
箭头函数this指向
08-26
箭头函数的 this 指向是在定义函数时确定的，而不是在运行时确定的。箭头函数没有自己的 this 绑定，它会继承外层作用域的 this 值。这意味着箭头函数内部的 this 与外部的 this 是一致的，与箭头函数被调用的方式无关。 相反，普通函数的 this 指向是在函数被调用时根据调用方式动态确定的。通常情况下，this 的值取决于调用函数的对象。 这是一个箭头函数和普通函数的示例来说明它们之间的差异： ```javascript const obj = { name: "C知道", arrowFunc: () => { console.log(this.name); // undefined }, regularFunc: function() { console.log(this.name); // C知道 } }; const arrowFunc = obj.arrowFunc; const regularFunc = obj.regularFunc; arrowFunc(); regularFunc(); ``` 在箭头函数中，this.name 打印出 undefined，因为箭头函数继承了外层作用域的 this（在此示例中为全局对象，即 Window 对象），而全局对象没有 name 属性。 而在普通函数中，this.name 打印出 "C知道"，因为它的 this 绑定是根据调用方式动态确定的，而在此示例中该函数是作为 obj 对象的方法调用的，所以 this 绑定到了 obj 对象。 总结起来，箭头函数的 this 是静态的，继承自外层作用域的 this；而普通函数的 this 是动态的，根据调用方式决定。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值