标签：... name -- 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()

标签：...,name,--,javascript,call,参数,方法
来源： https://www.cnblogs.com/effortandluck/p/16413769.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。