this 的指向问题和箭头函数

最新推荐文章于 2023-04-12 15:50:30 发布
最新推荐文章于 2023-04-12 15:50:30 发布
阅读量231 收藏
点赞数
分类专栏： js复习 文章标签： 面试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_58729897/article/details/120160962
版权

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指向的新方法

2.箭头函数

  • es6中的箭头函数，就是为了解决 es5 中this指向混乱的问题的
  • 箭头函数没有this，它的this来自上下文的父级，并且指向上下文的父级
  • 箭头函数的this指向不会发生改变，声明时便永久的确定了
  • 箭头函数是匿名函数，不能作为构造函数，不能使用new
  • 箭头函数没有arguments，可以使用展开运算符进行解决“…”
  • 箭头函数不能通过call，apply，bind方法直接修改它的this指向
  • 箭头函数没有原型属性
踟 蹰
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
面试 - 箭头函数不会改变this指向
xiannverhaha的博客
08-06 476
代码】面试 - 箭头函数不会改变this指向。
箭头函数和匿名函数的this指向问题
love_yourself__的博客
04-05 557
对象中的方法的this指向 情形1：方法中返回箭头函数 x = 11 obj = { x:22, dbl:function(){ return ()=>{return this.x} } } console.log(obj.dbl()()) //答案为22 情形2：方法中返回匿名函数 x = 11 obj = { x:22, dbl:function(){ return function(){return this.x} } } console.log(obj.dbl()()) //答案为11
箭头函数 改变this指向
珎珎啊
04-09 4477
1.箭头函数 <div>我是div</div> <script> const oDiv = document.querySelector('div'); // 普通函数 oDiv.addEventListener('click' , function(){ cons...
关于箭头函数改变this指向
singlever的博客
01-04 3281
函数的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指向以及改变this指向的方法
何淑女的博客
10-30 5774
箭头函数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问题
11-26
本文将详细解析箭头函数中的`this`问题，帮助开发者更好地理解和运用这一新特性。 通常，`this`在JavaScript中的行为取决于函数的调用方式。在普通函数中，`this`的值在函数执行时被确定，它会根据函数被调用的位置...
JavaScript高级-this绑定规则+箭头函数
10-21
在这个例子中，即使`setTimeout`是异步的，箭头函数内的`this`仍然指向`obj`，而不是全局对象。 总结来说，理解JavaScript中的`this`绑定规则对于编写复杂的JavaScript代码至关重要。正确地处理`this`可以帮助我们...
JavaScript基础之this和箭头函数详析
10-16
// 在这里，this指向obj3，因为这是个普通函数，this由调用位置决定 } }; obj3.fn(); // 输出：3 ``` 在`arrowFoo1`函数的例子中，我们可以看到箭头函数`fn`内部的`this`并不是由函数调用方式决定的。因为`fn`是...
JavaScript箭头函数中的this详解
10-16
在非箭头函数中，`this`的值取决于函数的调用方式：全局上下文中`this`指向全局对象（浏览器环境下为`window`），作为对象方法调用时`this`指向调用该方法的对象，而在函数内部（非方法）`this`则可能根据严格模式和...
箭头函数中的this指向
hhhhhh__hh的博客
05-05 1794
箭头函数中的this指向 结论： (1) 箭头函数中的this指向在函数定义时就已经确定好了，指向箭头函数定义时所在的作用域的this (2) 并且箭头函数在定义时确定后，就不能改变了，即使call,apply,bind方法也无法修改箭头函数的this指向 举例： var name = 'window'; var obj = { name: 'obj', sayHello: () => { console.log(this.name) } } obj.sayHe
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指向
最新发布
代码的魅力，根本走不出来
04-12 518
js中改变this指向的方法、场景，箭头函数的简述，this在不同编译器下的指向值
箭头函数的this指向问题
m0_56991207的博客
04-11 143
箭头函数的this指向和在哪调用没关系，之和谁在调用有关；箭头函数没有自己的this，判断箭头函数的this指向就转化成通过函数作用域链向外层寻找的过程。
this的指向问题
qq_46649900的博客
10-30 110
当this遇见new function test() { this.username= '王小帅' } var instance = new test() console.log(instance.username) //王小帅 我们发现输出为 ‘王小帅’，那是因为new关键字改变了this的指向。 在这里我们通过new运算符创建的test()对象的实例，并将其赋值给instance，并没有真正执行，真正调用这个对象的是instance，所以this自然指向了instance  
箭头函数与普通函数
weixin_51117684的博客
09-30 109
一，js中的this指向 1.方法是谁调用的,那么在方法中this就指向谁(.前面是谁, this就是谁) 2.如果没有调用 this始终指向window 3.构造函数中的this, 指向实例本身 4.强制改变this call apply bind //call和apply和bind都是改变this指向的方法 //语法 //call(新的this指向, pram1, pram2 ...) //apply(新的this指向, [pram1, pram2 ...]...
改变this指向问题(call、apply、bind)
老电影故事的博客
10-08 821
普通函数： 谁调用，this就指向谁，如果没有调用者，this默认指向window箭头函数(es6)：箭头函数的this是父级作用域的(精解：箭头函数外如果还有一个函数包裹，那么这个this指向的就是外包裹函数。如果箭头函数外没有外包裹函数，那么this就指向window)//window我们直接在控制台打印this，会发现打印出来的是window对象，默认情况下，this指向window对象。
箭头函数 bind方法this指向误区
qq_45305088的博客
01-18 452
let obj = {}; obj.test1 = ()=>{return this};//obj={test1:()=>{return this}} 两种写法一模一样 obj.test2 = function(){ return this; } obj.test3 = function(){return}.bind(this) obj.test1();//window obj.test2();//obj obj.test3();//window 看一些教程说"."方法 this指向的就是
this指向及强制性修改this指向的三种方法详解
前端泡面人
05-07 666
this指向、修改this指向方法
箭头函数与普通函数以及this指向问题
weixin_43797908的博客
08-10 292
（1）箭头函数使用会更加简洁 没有参数只有单条语句 var fun=()=>consoloe.log("1"); fun(); 一个参数单条语句，可以省略（） var fun=a=>console.log("1");//a就是传入的单个参数 多个参数多条语句 var fun=(a,b)=>{consoloe.log("1");return a+b;} 返回的是对象要加{} var fun=()=>({foo:x}) （2）箭头函数是匿名函数不能作为构造函数.
箭头函数this指向问题，箭头函数与普通函数的区别？
04-04
箭头函数和普通函数最大的区别在于它们的this指向不同。 普通函数的this指向是动态的，在运行时根据调用时的上下文决定。当使用函数调用、对象方法调用或apply/call/bind等方法调用时，this指向的对象不同。 而箭头函数的this指向是静态的，即函数定义时所在的词法作用域的this值，无法通过任何方式改变this的指向。 这意味着，在箭头函数内部使用this时，它指向的是箭头函数所在的上下文，而不是函数调用时的上下文。这也是为什么箭头函数经常被用来解决this指向问题的原因。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值