call和apply的联系和区别浅解

Posted 2020-09-01

通俗的说，call和apply，可以让一个函数调用其他函数的属性和方法，只是传入参数的方式不同。

1.用apply调取其他函数的方法，传入的参数是所有参数的集合，如以下的代码

function aaa(name,sex,height){
      bbb.apply(this,arguments);//这时aaa,bbb的入参位置是一样的，bbb才会输出‘170cm‘
};
//调用函数，传回参数
aaa(‘张三‘,‘男‘,‘170cm‘);
             
function bbb(name,sex,height){
    alert(height);
};
   

 

要想输出的参数是height身高，需要把bbb的入参改变

2.使用call方法调取其他函数的方法，传入的参数是一个个的参数，如以下的代码

function aaa(name, sex) {
    bbb.call(this,arguments[2]); //此时call方法返回的参数是一个个对象，直接选择需要返回的参数即可；
};
//调用函数，传回参数
aaa(‘张三‘, ‘男‘, ‘170cm‘);

function bbb(height) {
    alert(height);
};

小结：二者的区别就在于apply返还参数的形式是参数组，而call方法传回参数的形式是单个的参数对象。