this的指向问题

最新推荐文章于 2024-06-09 14:32:01 发布
最新推荐文章于 2024-06-09 14:32:01 发布
阅读量220 收藏
点赞数
分类专栏： 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的特点

那只猫喝咖啡
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
改变this指向的方法、场景，箭头函数的简述，this指向
代码的魅力，根本走不出来
04-12 501
js中改变this指向的方法、场景，箭头函数的简述，this在不同编译器下的指向值
箭头函数中的this指向
hhhhhh__hh的博客
05-05 1774
箭头函数中的this指向 结论： (1) 箭头函数中的this指向在函数定义时就已经确定好了，指向箭头函数定义时所在的作用域的this (2) 并且箭头函数在定义时确定后，就不能改变了，即使call,apply,bind方法也无法修改箭头函数的this指向 举例： var name = 'window'; var obj = { name: 'obj', sayHello: () => { console.log(this.name) } } obj.sayHe
JavaScript基础 - 23 （this、函数的call、apply、bind方法，箭头函数的this）
欢迎来到猫猫的博客 o_o ，如有问题，欢迎提出改正~
12-02 626
1、函数的call方法 函数的call方法, 可以在触发函数的同时替换其this指向 仿写： 应用场景： 当创建多个类似的构造函数时，会有很多共同的属性，可以提取这些共同的属性，组成一个共享的构造函数 函数.call (新对象，参数1，参数2 …)：就会把函数的this替换成新对象，然后触发函数 //函数.call（新对象）：就会把函数的this替换成新对象，然后触发函数 //构造函数：创建...
箭头函数面试题
weixin_52683504的博客
03-14 256
箭头函数面试题
call,apply,bind可以改变this的指向
m0_51262126的博客
05-23 592
例题： 题：封装函数 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..
this指向 箭头函数中的this call、apply和bind方法的用法以及区别
01-08
thisthis 指向看看箭头函数的案例call、apply和bind方法的用法以及区别来几个面试题试试 this 指向 1.普通函数的this：指向它的调用者，如果没有调用者则默认指向window. 2.箭头函数的this: 指向箭头函数定义时所处的对象，而不是箭头函数使用时所在的对象，默认使用父级的this 箭头函数的父级还箭头还是 就从父级开始 向上查找 直到有（实际上箭头函数里并没有 this，如果你在箭头函数里看到 this，你直接把它当作箭头函数外面的 this 即可。外面的 this 是什么，箭头函数里面的 this 就还是什么，因为箭头函数本身不支持 this。就默认看成使用
箭头函数this指向以及改变this指向的方法
何淑女的博客
10-30 5751
箭头函数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指向问题
风华绝代的博客
11-01 89
var adder = { base : 1, add : function(a) { console.log(this) var f = v => v + this.base; return f(a); }, addThruCall: function(a) { var f = v => v + this.base; var b = { base : 2 }; return f.call(b, a);...
JavaScript This指向问题详解
10-15
主要介绍了JavaScript This指向问题详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
this指向问题.md
09-02
this指向问题.md
详解JS中定时器setInterval和setTImeout的this指向问题
10-20
在js中setTimeout和setInterval都是用来定时的一个功能，下面这篇文章主要给介绍了JS中setInterval和setTImeout的this指向问题,文中通过示例介绍的很详细，有需要的朋友可以参考借鉴，一起来看看吧。
this指向问题.xmind
04-13
this指向问题.xmind
JS-箭头函数及其this的指向和改变this指向（call apply bind）
DcTbnk的博客
04-09 4475
一.箭头函数 <div>我是div</div> 所谓的箭头函数 是函数的另一种语法形式 const fun = function(){} 普通函数 const fun = ()=>{} 箭头函数 将匿名函数的部分,从 function(){} 写成 ()=>{} 的形式 如果函数只有一个参数,可以不写() const fun = ...
关于箭头函数改变this指向
singlever的博客
01-04 3272
函数的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指向
珎珎啊
04-09 4440
1.箭头函数 <div>我是div</div> <script> const oDiv = document.querySelector('div'); // 普通函数 oDiv.addEventListener('click' , function(){ cons...
this指向 普通函数与箭头函数 call/apply/bind arguments
丰的博客
05-26 1090
this指向 ① this并不指向函数，而是指向调用它的主体对象。 ③ this指向的对象，我们称之为函数的上下文context，也叫函数的调用者 普通函数调用：通过函数名()直接调用：this指向全局对象window（注意let定义的变量不是window属性，只有window.xxx定义的才是。即let a =’aaa’; this.a是undefined） 构造函数调用：函数作为构...
箭头函数及其this指向
weixin_42178670的博客
04-10 6138
箭头函数 1、只有一个参数的时候，参数可以不加小括号，没有参数或2个及以上参数的，必须加上小括号 2、返回语句只有一条的时候可以不写{}和return，会自动加上return的，返回多条语句时必须加上{}和return 3、箭头函数在返回对象的时候必须在对象外面加上小括号 箭头函数的this指向和普通函数的区别 1、普通函数this指向： 指向它的调用者，如果没有调用者则默认指向window 2、箭头函数指向： 指向箭头函数定义的时候所处的对象，而不是其所使用的时候所处的对象，默认指向父级的this 综上：
为什么选择Python作为AI开发语言
最新发布
AI心易行者
06-09 1673
综上所述，Python因其简洁易读的语法、丰富的库和框架、广泛的社区支持、适合快速原型开发的特性以及良好的兼容性和集成性，成为AI开发的首选语言。而像PlugLink这样的工具，则进一步提升了Python在AI开发中的效率和便利性。对于任何希望在AI领域有所作为的开发者来说，掌握Python无疑是必不可少的技能。在未来，随着AI技术的不断发展和进步，Python必将继续扮演重要角色，推动这一领域的创新和变革。如果你还没有开始学习Python，那么现在就是最好的时机。
js this指向问题
04-05
以下是一些常见的 this 指向问题： 1. 全局 this：在全局作用域中使用 this，它将指向全局对象（在浏览器中是 window 对象，在 Node.js 中是 global 对象）。 2. 函数中的 this：在普通函数中，this 指向全局对象...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值