javascript方法--call()

2022/6/27 14:21:42

本文主要是介绍javascript方法--call(),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

随笔- 11  文章- 0  评论- 15  阅读- 51752   

javascript方法--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()的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程