本篇内容介绍了“React中this绑定的方法”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！我们在react项目开发时，通常会遇到this绑定的问题。解决的方法总结下分为下面的三种情况：
三种方式都能达到同样的效果，但是性能上还是有很大的差别的。首先，第三种方式性能是最差的，每次在render的时候都要去绑定this。对于第二种和第三种，我们这样看其实看不出差别，但是如果我们将代码编译为ES5之后，就能看到其中的区别了：
首先，使用箭头函数的方式，该方式其实是定义在this上的，也就是说，在每一个实例化之后的this都会定义该方法，但是通过方式1，该方式其实是定义在prototype上的，各个实例对象共享该方法。所以，单纯从内存空间的消耗上来看，方式1其实是最好的。但是定义在原型链上的方法，在实际调用该方法的时候，其查找的过程是这样的：
首先检查this上是否有该方法的定义，如果没有的话，则去prototype上查找是否有该方法，所以在方法调用的过程中，会经历一次跨原型链的查找。该过程是方法1带来的额外的消耗。但是箭头函数的方式，在实际调用的时候，访问的是外层作用缓存的_this， 所以在作用域查找上有一层消耗。经过私底下的测试发现，在原型链上的查找比作用域上的查找，性能会好很多。所以综合来看， 香港云主机还是第二种的方式是最优的。另外，看老外的代码中，发现过一个批量绑定的方式，其实是对方案一的一种优化,可以简单借鉴一下：
“React中this绑定的方法”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注开发云网站，小编将为大家输出更多高质量的实用文章！
这篇文章给大家分享的是有关win7系统中小喇叭消失了怎么办的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。一、在任务栏上方右键，选择“启动任务管理器”。二、在弹出的任务管理器窗口中，切换到“进程”选项卡，找到并右键“explorer.…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
