this的指向问题

最新推荐文章于 2023-03-14 18:11:35 发布
最新推荐文章于 2023-03-14 18:11:35 发布
阅读量262 收藏
点赞数
分类专栏： es6 JavaScript 文章标签： 开发语言 javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guhanfengdu/article/details/126413631
版权

1> 以函数形式调用时，this指向的是window

2> 以方法形式调用时，this就是方法的对象，谁调用this，this就是谁

3> 使用call和apply调用时，this是指定的对象

4> 当this在箭头函数中，是静态的，this指向定义时上下文作用域和调用者无关。

以 4> 举例：定义一个普通函数和一个箭头函数进行对比

 我们发现当直接调用时，返回的都是window上的name——百里登风

我们都知道call和apply方法是可以改变this指向的，接下来了

 我们可以发现call方法并没有改变箭头函数的this指向，this是在箭头函数进行定义时所指向的，是静态的，而正常的函数是可以使用call方法改变this指向，这就是箭头函数中this的特点

那只猫喝咖啡
关注
专栏目录
箭头函数中的this指向
hhhhhh__hh的博客
05-05 1856
箭头函数中的this指向 结论： (1) 箭头函数中的this指向在函数定义时就已经确定好了，指向箭头函数定义时所在的作用域的this (2) 并且箭头函数在定义时确定后，就不能改变了，即使call,apply,bind方法也无法修改箭头函数的this指向 举例： var name = 'window'; var obj = { name: 'obj', sayHello: () => { console.log(this.name) } } obj.sayHe
前端this指向问题-分场景分析
m0_46678592的博客
08-02 749
this的指向问题往往和我们使用它的场景相关，在不同的场景下，this会怎么去绑定对象，要绑定哪个对象是本文讨论的关键
箭头函数面试题
最新发布
weixin_52683504的博客
03-14 314
箭头函数面试题
call,apply,bind可以改变this的指向
m0_51262126的博客
05-23 636
例题： 题：封装函数 f，使 f 的 this 指向指定的对象 call()、bind()、apply()的用法，改变this的指向，区别在于 f.call(obj, arg1, arg2...), f.bind(obj, arg1, arg2,...)(), f.apply(obj, [arg1, arg2, .]) 1. apply function bindThis(f, oTarget) { return function() { return f.apply(oTar..
JavaScript基础 - 23 （this、函数的call、apply、bind方法，箭头函数的this）
欢迎来到猫猫的博客 o_o ，如有问题，欢迎提出改正~
12-02 673
1、函数的call方法 函数的call方法, 可以在触发函数的同时替换其this指向 仿写： 应用场景： 当创建多个类似的构造函数时，会有很多共同的属性，可以提取这些共同的属性，组成一个共享的构造函数 函数.call (新对象，参数1，参数2 …)：就会把函数的this替换成新对象，然后触发函数 //函数.call（新对象）：就会把函数的this替换成新对象，然后触发函数 //构造函数：创建...
this指向 箭头函数中的this call、apply和bind方法的用法以及区别
01-08
thisthis 指向看看箭头函数的案例call、apply和bind方法的用法以及区别来几个面试题试试 this 指向 1.普通函数的this：指向它的调用者，如果没有调用者则默认指向window. 2.箭头函数的this: 指向箭头函数定义时所处的对象，而不是箭头函数使用时所在的对象，默认使用父级的this 箭头函数的父级还箭头还是 就从父级开始 向上查找 直到有（实际上箭头函数里并没有 this，如果你在箭头函数里看到 this，你直接把它当作箭头函数外面的 this 即可。外面的 this 是什么，箭头函数里面的 this 就还是什么，因为箭头函数本身不支持 this。就默认看成使用
详解JS中定时器setInterval和setTImeout的this指向问题
10-20
然而，`this`关键字在这些定时器函数中的指向问题常常会给初学者带来困扰。 在JavaScript中，`this`的值取决于它被调用的上下文。通常，如果函数是作为对象的方法调用，`this`将指向那个对象。但在`setTimeout`和`...
js代码-测试this指向问题 (页面环境下和node环境下还是不同)
07-15
在`main.js`文件中，可能包含了对`this`指向问题的测试代码，通过各种调用方式来验证`this`在不同环境下的行为。`README.txt`文件可能解释了测试的目的和如何运行测试。 总的来说，理解`this`的指向是掌握...
JavaScript This指向问题详解
10-15
以下是对`this`指向问题的详细解析： 1. **基本概念** - `this`的值在函数调用时确定，由函数调用方式决定。 - 在非严格模式下，如果函数在全局作用域中直接调用，`this`指向全局对象（在浏览器环境中即`window`...
JS匿名函数内部this指向问题详析
10-17
JavaScript中的`this`关键字是一个非常重要的概念，它在不同场景下有不同的指向，特别是在匿名函数中，`this`的指向问题经常让开发者感到困惑。本文将深入解析JS匿名函数内部`this`的指向，并通过实例来阐述相关知识...
JS-箭头函数及其this的指向和改变this指向（call apply bind）
DcTbnk的博客
04-09 5189
一.箭头函数 <div>我是div</div> 所谓的箭头函数 是函数的另一种语法形式 const fun = function(){} 普通函数 const fun = ()=>{} 箭头函数 将匿名函数的部分,从 function(){} 写成 ()=>{} 的形式 如果函数只有一个参数,可以不写() const fun = ...
箭头函数this指向以及改变this指向的方法
何淑女的博客
10-30 5897
箭头函数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指向
singlever的博客
01-04 3332
函数的this指向只与其 申明函数的作用域和调用路径有关系 函数的this与调用路径的关系 正常情况下this指向调用其的对象 let c = {a:123} c.b = function(){ console.log(this.a) } c.b() //123 哪怕不是在该对象下申明的函数，在该对象下调用也是指向该对象 let c = {a:123} c.b = function(){ console.log(this.a) } let q = {a:321} q.b = c.b
this指向 普通函数与箭头函数 call/apply/bind arguments
丰的博客
05-26 1138
this指向 ① this并不指向函数，而是指向调用它的主体对象。 ③ this指向的对象，我们称之为函数的上下文context，也叫函数的调用者 普通函数调用：通过函数名()直接调用：this指向全局对象window（注意let定义的变量不是window属性，只有window.xxx定义的才是。即let a =’aaa’; this.a是undefined） 构造函数调用：函数作为构...
箭头函数的this指向问题
m0_56991207的博客
04-11 163
箭头函数的this指向和在哪调用没关系，之和谁在调用有关；箭头函数没有自己的this，判断箭头函数的this指向就转化成通过函数作用域链向外层寻找的过程。
箭头函数及其this指向
weixin_42178670的博客
04-10 6194
箭头函数 1、只有一个参数的时候，参数可以不加小括号，没有参数或2个及以上参数的，必须加上小括号 2、返回语句只有一条的时候可以不写{}和return，会自动加上return的，返回多条语句时必须加上{}和return 3、箭头函数在返回对象的时候必须在对象外面加上小括号 箭头函数的this指向和普通函数的区别 1、普通函数this指向： 指向它的调用者，如果没有调用者则默认指向window 2、箭头函数指向： 指向箭头函数定义的时候所处的对象，而不是其所使用的时候所处的对象，默认指向父级的this 综上：
箭头函数 改变this指向
珎珎啊
04-09 4577
1.箭头函数 <div>我是div</div> <script> const oDiv = document.querySelector('div'); // 普通函数 oDiv.addEventListener('click' , function(){ cons...
this 的指向问题和箭头函数
m0_58729897的博客
09-07 258
1.this的指向问题 在es5中，this的指向是非常混乱的， 1：在方法中，this指向调用者 2：没有调用者时，this指向window 3：构造函数中，指向创建出来的实例本身 改变this指向的方法 强制改变this指向 call apply bind call方法 语法 call(this的指向,function的参数) apply方法 语法 apply(this的指向,[function的参数]) bind本身不回去执行要被改变this指向的这个方法,而是返回一个已经被改变了this指向
es6学习 深入学习箭头函数this指向及call原理
weixin_45915554的博客
09-28 487
学习箭头函数的过程中遇到了问题 解决之后记录一下 参考资料:阮一峰 箭头函数 箭头函数是一种写作方式十分简洁高效的函数 但对比其他函数有几点不同,比如箭头函数不能用作构造函数. 这恰恰是因为箭头函数的this指向问题,实际上箭头函数是没有this指针的,所以不能用作构造函数.在调用箭头函数的this时,导致内部的this就是外层代码块的this. 所以说箭头函数体内的this对象就是定义时所在的对象,而不是使用时所在的对象 ...
JavaScript this指向问题解析与解决策略
"这篇Markdown文件主要讨论了JavaScript中this的指向问题，特别是涉及到函数、定时器以及事件处理函数中的上下文。作者分享了自己的学习心得，并给出了一段代码示例来说明常见问题及其解决方案。" 在JavaScript中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值