javascript中的call()方法和apply()方法用法总结

obj.call(thisObj, arg1, arg2, ...);
obj.apply(thisObj, [arg1, arg2, ...]);

两者的作用都是一致的,即把obj绑定到this.obj,这样thisobj就会具有obj的方法和属性,也就是obj继承了thisobj的方法和属性。唯一的区别是call接受一个连续参数,而apply接受的是一个数组参数。

1.基本用法:

function add(a,b){
  return a+b;  
}
function sub(a,b){
  return a-b;  
}
var a1 = add.apply(sub,[4,2]);  //sub调用add的方法
var a2 = sub.apply(add,[4,2]);
alert(a1);  //6     
alert(a2);  //2

/*call的用法*/
var a1 = add.call(sub,4,2);
2.实现继承

var parent = function () {
    this.name = "parent";
    this.age = 18;
  }
  var child = {}
  console.log(child); //object {} 空对像
  parent.call(child);
  console.log(child); //object {name: 'parent',age: 18}
child继承了parent的方法和属性。 有很多人认为是把parent的属性放到了child里面,其实不是这样。是parent的this指针改变了,指向了child。当然apply的方法也是一样,并不是在child里面添加了什么,是在parent里面,改变了this的指向。其实是执行上下文的改变。

3.apply方法的一些妙用。(在网上看了很多例子,总结一下)

3.1 判断一个变量的类型

Object.prototype.toString.call(name)
如果是你给的name是一个obj。那么console.log()输出的是[object, object],如果是function,输出的是[object, function];

3.2 Math.max和Math.min方法的使用。

因为Math.max不支持Math.max([param1,param2...])也就是数组,但是它支持Math.max(param1, param2...),所以可以根据apply的特点来解决获取数组最大值的问题。

var max = Math.max.apply(null,arr);这里在调用的时候第一个参数给了null,这个是因为没有对象去调用这个方法,我只是用这个方法帮助运算,得到返回的结果就行。直接

传递一个null。用这种方法也可以实现得到数组中的最小项。

3.3 Array.prototype.push可以实现两个数组的合并

同样push方法没有提供push一个数组,但是它提供了push(param1,param2,param3...paramN),同样也可以用apply来转换一下这个数组,即:

1.var arr1 = new Array(1,2,3);

2.var arr2 = new Array(4,5,6);

3.Array.prototype.push.apply(arr1,arr2); //得到合并后数组的长度,因为push就是返回一个数组的长度

也可以这样理解,arr1调用了push方法,参数是通过apply将数组转换为参数列表的集合,arr1就会变成合并之后的数组。

  • 3
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值