12-18 es6的this指向问题

探讨ES6中箭头函数与普通函数的this指向差异,箭头函数的this指向在定义时固定,普通函数则随调用上下文变化。通过实例说明箭头函数在回调与对象方法中的应用及注意事项。
es6的this指向问题

1.今天看项目,关于箭头函数的this的指向在回调函数中不太清楚,参考之前写的博客,有

  • 箭头函数中的this指向是固定不变的,即是在定义函数时的指向;
  • 而普通函数中的this指向时变化的,即是在使用函数时的指向。

再看一遍阮一峰的ES6入门,发现对于回调函数,

var handler = {
  id: '123456',

  init: function() {
    document.addEventListener('click',
      event => this.doSomething(event.type), false);
  },

  doSomething: function(type) {
    console.log('Handling ' + type  + ' for ' + this.id);
  }
};

上面代码的init方法中,使用了箭头函数,这导致这个箭头函数里面的this,总是指向handler对象。否则,回调函数运行时,this.doSomething这一行会报错,因为此时this指向document对象。

  • 总结:this指向的固定化,并不是因为箭头函数内部有绑定this的机制,实际原因是箭头函数根本没有自己的this,导致内部的this就是外层代码块的this。正是因为它没有this,所以也就不能用作构造函数。

2.为了巩固这段知识,我自己写了如下代码,结果如下:

普通函数输出如下
222
箭头函数输出如下
undefined
//箭头函数中的this指向是固定不变的,即是在定义函数时的指向; 
//而普通函数中的this指向时变化的,即是在使用函数时的指向。 
let obj={
  a:'2',
  b(){
    console.log('普通函数输出如下')
    console.log(this.a)
    
  }
}
function kk(){
  obj.a=222;
  obj.b();
}
kk();
let objArrows={
  a:'2',
  b:()=>{
    console.log('箭头函数输出如下')
    console.log(this.a)
  }
}
function arrow(){
  objArrows.a=333;
  objArrows.b();
}
arrow()

很奇怪为什么在对象里定义成员函数,this应该是指向对象才对,这里却访问不到。在教程里找到了答案:

  • 第一个场合是定义函数的方法,且该方法内部包括this

    const cat = {   
    	lives: 9,
        jumps: () => {
         this.lives--;   
         } } 
    
  • 上面代码中,cat.jumps()方法是一个箭头函数,这是错误的。调用cat.jumps()时,如果是普通函数,该方法内部的this指向cat;如果写成上面那样的箭头函数,使得this指向全局对象,因此不会得到预期结果。

内容概要:本文系统阐述了Java Persistence API(JPA)的核心概念、技术架构、核心组件及实践应用,重点介绍了JPA作为Java官方定义的对象关系映射(ORM)规范,如何通过实体类、EntityManager、JPQL和persistence.xml配置文件实现Java对象与数据库表之间的映射与操作。文章详细说明了JPA解决的传统JDBC开发痛点,如代码冗余、对象映射繁琐、跨数据库兼容性差等问题,并解析了JPA与Hibernate、EclipseLink等实现框架的关系。同时提供了基于Hibernate和MySQL的完整实践案例,涵盖Maven依赖配置、实体类定义、CRUD操作实现等关键步骤,并列举了常用JPA注解及其用途。最后总结了JPA的标准化优势、开发效率提升能力及在Spring生态中的延伸应用。 适合人群:具备一定Java基础,熟悉基本数据库操作,工作1-3年的后端开发人员或正在学习ORM技术的中级开发者。 使用场景及目标:①理解JPA作为ORM规范的核心原理与组件协作机制;②掌握基于JPA+Hibernate进行数据库操作的开发流程;③为技术选型、团队培训或向Spring Data JPA过渡提供理论与实践基础。 阅读建议:此资源以理论结合实践的方式讲解JPA,建议读者在学习过程中同步搭建环境,动手实现文中示例代码,重点关注EntityManager的使用、JPQL语法特点以及注解配置规则,从而深入理解JPA的设计思想与工程价值。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值