javascript方法--call()
2015-10-27 15:59
453 查看
关于call方法,以前经常看到这个方法,但是也没怎么用心去学习,后来觉得不行,所以知识在一点一点补~
今天对自己学习call方法做一下总结
其实,学了call方法,会发现call跟apply其实是很像的,不过还是有一些不同
[b]语法[/b]
fun.call(this,arg1,arg2,...)
fun方法在指定的this下调用,并且指定了若干个参数,可以解释为一个对象(this)借用另一个对象上的方法(fun)
(第一个参数指示this,第二个及以后的参数做为函数调用时的参数)
与apply比较
apply只跟有两个参数,第一个参数跟call是一样的,第二个参数则是一个数组,不过两者实现的功能是差不多的
[b]实例[/b]
1.调用父构造函数实现继承
2.使用call方法调用匿名函数
[b]兼容性[/b]
call的兼容性是很好的,所有浏览器都兼容call方法,所以当要用到继承时,call方法是个不错的选择~
今天对自己学习call方法做一下总结
其实,学了call方法,会发现call跟apply其实是很像的,不过还是有一些不同
[b]语法[/b]
fun.call(this,arg1,arg2,...)
fun方法在指定的this下调用,并且指定了若干个参数,可以解释为一个对象(this)借用另一个对象上的方法(fun)
(第一个参数指示this,第二个及以后的参数做为函数调用时的参数)
与apply比较
apply只跟有两个参数,第一个参数跟call是一样的,第二个参数则是一个数组,不过两者实现的功能是差不多的
[b]实例[/b]
1.调用父构造函数实现继承
function Father(){ ... } function Child(){ //子类继承父类的方法属性 Father.call(this,...); ... } //把子类的原型指向父类,表示继承自父类 Child.prototype = new Father(); var childObj = new Child();
2.使用call方法调用匿名函数
var animals = [ 2 {name:'a',num:1}, 3 {name:'b',num:2} ]; 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 }
[b]兼容性[/b]
call的兼容性是很好的,所有浏览器都兼容call方法,所以当要用到继承时,call方法是个不错的选择~
相关文章推荐
- JS 原型污染和猴子补丁
- js获取鼠标坐标位置兼容多个浏览器
- 常用js
- js实现上传图片本地预览功能以及限制图片的文件大小和尺寸大小
- JS 中面向对象的5种写法
- JSON Hijacking的利用
- js常用
- 利用fastjson进行json字符串与对象互转
- D3.js学习笔记(三)——创建基于数据的SVG元素
- 一个密码复杂度的验证js
- D3.js学习笔记(二)——使用绑定在DOM上的数据
- stringByEvaluatingJavaScriptFromString的使用方法
- JS修改td内容
- Javascript 中数字的部分知识总结:
- JS中 event属性方法总结
- Newtonsoft.Json解析数组的小例子
- JavaScript 闭包的用途
- Ext JS 5的声明式事件监听
- D3.js学习笔记(一)——DOM上的数据绑定
- js 获取当前页面的url等内容 window.location系列