原文:React之函数中的this指向

我们都知道在React中使用函数时,有两种写法,一是回调函数,二是直接调用,但需要在构造函数中绑定this,只有这样,函数中的this才指向本组件 总结一下没有绑定this的函数中的this指向 不管是在本组件的元素上调用的函数还是传递给子组件的函数,不管有没有绑定this,它们调用的都是本组件里的函数,即调用函数的this指向的是本组件 例如: class Parent extends Rea ...

2018-11-11 16:16 1 1247 推荐指数:

查看详情

react事件的this指向

react绑定事件处理函数的this指向一共有三种方法,本次主要总结这三种方式。 项目创建 关于项目的创建方法,在之前的文章中有记录,这里不再赘述,项目创建成功后,按照之前的目录结构对生成的项目进行调整,新建一个Home.js组件,并在App.js引入该组件。 Home.js ...

Thu Dec 13 05:32:00 CST 2018 0 2893
箭头函数的this指向

最近做的项目中遇到了在箭头函数里使用this时报错的问题,把箭头函数的写法改成function()后,this的指向才达到预期。关于这个问题值得研究一下。 在箭头函数出现之前的ES5时代,this指向它的调用者。是哪个对象调用了这个属性或方法,this就指向这个对象。这有 ...

Thu Dec 12 22:23:00 CST 2019 0 358
js函数this的指向

this 在面试,js指向也常常被问到,在开发过程也是一个需要注意的问题,严格模式下的this指向undefined,这里就不讨论。 普通函数 记住一句话哪个对象调用函数,该函数的this就指向该对象。总指向它的调用者。 obj.getName() 无疑会打 ...

Wed Jan 22 21:10:00 CST 2020 0 258
jsthis指向、箭头函数

普通函数:this指向分为4种情况,1. obj.getName();//指向obj2.getName();//非严格模式下,指向window,严格模式下为undefined3. var a = new A(); a();//指向A本身4.getName().apply(obj);//指向 ...

Tue Mar 26 01:52:00 CST 2019 0 1851
JS函数this指向问题

函数this的指向不是由函数定义时确定,而是在调用时才确定 1、定时器内部this指向window,事件处理函数的this指向发生事件的元素event.currentTarget 2、 ES6标准箭头函数的this指向父执行上下文 箭头函数内部没有自身的this,所以继承定义时 ...

Thu Aug 02 00:07:00 CST 2018 0 1309
普通函数跟箭头函数this的指向问题

箭头函数和普通函数的区别如下。 普通函数:根据调用我的人(谁调用我,我的this就指向谁) 箭头函数:根据所在的环境(我再哪个环境,this就指向谁) 一针见血式总结: 普通函数的this: 1. this总是代表它的直接调用者(js的this是执行上下文), 例如 obj.func ...

Wed Oct 31 01:00:00 CST 2018 0 5736
JavaScript匿名函数this指向问题

this对象是在运行时基于函数执行环境绑定的,在全局函数,this=window,在函数被作为某个对象的方法调用时,this等于这个对象。 但是匿名函数的执行环境是全局性的 这里sayName方法return了一个匿名函数,这个匿名函数this指向window 解决方法 ...

Fri Mar 09 01:05:00 CST 2018 0 4004
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM