javascript方法--call()
2022/6/27 14:21:42
本文主要是介绍javascript方法--call(),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
随笔- 11 文章- 0 评论- 15 阅读- 51752javascript方法--call()
关于call方法,以前经常看到这个方法,但是也没怎么用心去学习,后来觉得不行,所以知识在一点一点补~
今天对自己学习call方法做一下总结
其实,学了call方法,会发现call跟apply其实是很像的,不过还是有一些不同
语法
fun.call(this,arg1,arg2,...)
fun方法在指定的this下调用,并且指定了若干个参数,可以解释为一个对象(this)借用另一个对象上的方法(fun)
(第一个参数指示this,第二个及以后的参数做为函数调用时的参数)
与apply比较
apply只跟有两个参数,第一个参数跟call是一样的,第二个参数则是一个数组,不过两者实现的功能是差不多的
实例
1.调用父构造函数实现继承
1 function Father(){ 2 ... 3 } 4 function Child(){ 5 //子类继承父类的方法属性 6 Father.call(this,...); 7 ... 8 } 9 //把子类的原型指向父类,表示继承自父类 10 Child.prototype = new Father(); 11 var childObj = new Child();
2.使用call方法调用匿名函数
1 var animals = [ 2 {name:'a',num:1}, 3 {name:'b',num:2} 4]; 5 6 for (var i = 0;i < animals.length;i++) { 7 (function(i) { 8 console.log(i + ',name:' + this.name + ',num:' + this.num); 9 }).call(animals[i],i); 10 }
兼容性
call的兼容性是很好的,所有浏览器都兼容call方法,所以当要用到继承时,call方法是个不错的选择~
标签: javascript 好文要顶 关注我 收藏该文 xxxxBW
关注 - 9
粉丝 - 12 +加关注 0 1 « 上一篇: javascript方法--apply()
» 下一篇: javascript方法--bind()
这篇关于javascript方法--call()的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-15鸿蒙生态设备数量超8亿台
- 2024-05-13TiDB + ES:转转业财系统亿级数据存储优化实践
- 2024-05-09“2024鸿蒙零基础快速实战-仿抖音App开发(ArkTS版)”实战课程已上线
- 2024-05-09聊聊如何通过arthas-tunnel-server来远程管理所有需要arthas监控的应用
- 2024-05-09log4j2这么配就对了
- 2024-05-09nginx修改Content-Type
- 2024-05-09Redis多数据源,看这篇就够了
- 2024-05-09Google Chrome驱动程序 124.0.6367.62(正式版本)去哪下载?
- 2024-05-09有没有大佬知道这种数据应该怎么抓取呀?
- 2024-05-09这种运行结果里的10.100000001,怎么能最快改成10.1?