JS call 和 apply的区别

call 和 apply 这两个方法平时都用的比较少,所以可能会比较陌生,刚好昨天有同事问我,顺便重新梳理了一下:
首先看定义:

  1. apply:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.apply(A, arguments);即A对象应用B对象的方法。
  2. call:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.call(A, args1,args2);即A对象调用B对象的方法

all 与 apply 的相同点:
方法的含义是一样的,即方法功能是一样的;
call 与 apply 的不同点:
两者传入的列表形式不一样:call可以传入多个参数;apply只能传入两个参数,所以其第二个参数往往是作为数组形式传入
1.小例子

function add(num1 , num2){
  return num1 + num2;  
}
function sub(num1 , num2){
  return num1 - num2;  
}
var sum1 = add.apply(sub,[8,6]);
var sum2 = sub.apply(add,[8,6]);
console.log(sum1);  // 14
console.log(sum2);  //  2
var sum3 = add.call(sub,8,6);
var sum4 = sub.call(add,8,6);
console.log(sum3);  // 14
console.log(sum4);  //  2

可以看出只是用法不同,结果是一样。

2.可以实现继承:

function Person(name){
  this.name = name;
  this.logName = function(){
        console.log(this.name);    
    }    
}
function BigChao(name){
  Person.apply(this,[name]);    
  //call 的写法
  //Person.call(this,name); 
}
var chao = new BigChao("超");
chao.showName();

是不是挺简单的,我也网上找了点资料,有一些巧妙的用法,大家也可以参考一下:
Math.max(param1 , param2 , param3…)的写法是这样的,不支持Math.max([param1 , param2 , param3…])这种写法,我们运用apply方法传入一个数组的方式来改造:
Math.min.apply( null , array[] )即可

var arr = [1,2,3,4,5,6,7,8,9];
console.log(Math.max.apply(this , arr));  //结果为9
//同理
var arr = [1,2,3,4,5,6,7,8,9];
console.log(Math.min.apply(this , arr));  //结果为1

Array.prototype.push实现两个数组的合并:

var arr1 = new Array("1","2","3");
var arr2 = new Array("101","102","103");
arr1.push(['4','5','6']);
arr2.push('104','105','106');
console.log(arr1);
console.log(arr2);
var arr3 = new Array("1","2","3");
var arr4 = new Array("101","102","103");
var length = Array.prototype.push.apply(arr1 , arr2);
console.log(length);
console.log(arr3);
console.log(arr4);

在这里插入图片描述
是不是很清晰啦,继续加油

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值