关于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