call和apply用途与使用方法

当你看代码时，经常会看到以下情形：(在这个博客里面，参数context是执行上下文的意思，params是参数的意思)

Object.prototype.toString.call(context, params);

fn.call(context, params);

Array.prototype.slice.call(context, params);

等等。

不要惊奇，不要慌张，看完这篇文章下次你就不怕了，甚至自己也会经常这么写了。

先说以下call，apply先不提了，等你把call学会了，到文章末尾也就把apply学会了。

用途：改变this指向

Object.prototype.toString.call(context, params);

这句话就相当于执行toString函数，如：toString(params); 但是为什么不直接这样写呢？

先看一段代码的执行结果：

var str = "stringstr";
var num = 12;
var arr = [1, 2];
var obj = {name: "solid"};
 
console.log(str.toString()); // stringstr
console.log(num.toString()); //
console.log(arr.toString()); // 1,2
console.log(obj.toString()); // [object Object]
 
console.log(Object.prototype.toString.call(str)); // [object String]
console.log(Object.prototype.toString.call(num)); // [object Number]
console.log(Object.prototype.toString.call(arr)); // [object Array]
console.log(Object.prototype.toString.call(obj)); // [object Object]

如果你调用Object.prototype.toString()函数是不是可以查看变量的类型啊，进而进行别的逻辑。

在js中，基本上所有的变量都是从Object继承来的，但是他们又都改写了toString方法，所以调用自身的toString方法会得到重写后的函数的结果。有的并没有什么实际的用处，如字符串的toString方法。

下面看点实用的引用吧：

// A程序员写了一个函数
function Person(name, age, sex){
this.name = name;
this.age = age;
this.sex = sex;
}

// 现在一个对象里，你的需求里也需要这三个参数
var zhangsan = {};
// 你就可以这样借用他的函数为你效力
Person.call(zhangsan, "张三", 18, "男");
console.log(zhangsan); // {name: "张三", age: 18, sex: "男"}

// 你可能还需要其他的信息，再写就可以了
function say(){
    this.say = function (){
        console.log(this.name + "具有说话的能力");
    }
}
say.call(zhangsan);
zhangsan.say(); // 张三具有说话的能力

在上面这个例子中，zhangsan这个对象借用了其他的函数实现了自己的功能。这样调用函数，是不是相当于把Person函数中的this指向了zhangsan，把say函数中的this指向了zhangsan?结果实现了调用其他构造函数的方法，为自己实现了功能。

开始学习的时候，我看call也不顺眼，就直接看成前面那个方法的执行。

当不需要改变this时，可以这样调

fn.call(null, params);

不过这个好像没有什么意义，还不如直接写fn(params)；即调用函数。

使用方法：fn.call(context, params);

还有其他的如：

Object.prototype.toString.call(context, params);

Array.prototype.slice.call(context, params);

在这里相当于： toString.call(context, params);   slice.call(context, params);

只是toString方法和slice不是全局的，而是Object和Array原型上的一个方法，所以需要这样来写。

看到这里对你的理解有没有一点帮助呢？有没有感觉使用起来也很简单呢。

下面说说apply。

apply的用途和call一模一样，只是参数有区别。call的参数是用逗号隔开的，apply的参数是一个数组。例子具体见下面的代码

Person.call(zhangsan, "张三", 18, "男");
Person.apply(zhangsan, ["张三", 18, "男"]);
// 这两句是等价的

apply什么时候用呢？看下面的例子把

// 已知一个数组，求数组中的最大值
var numArr = [12, 21, 9, 18, 100, 0];
var max = Math.max.apply(null, numArr);
console.log(max); // 100
 
// 下面这个求最大值的函数你可以直接收藏使用了。

function max(){
　　return Math.max.apply(null, arguments);
}
console.log(max(12, 21, 9, 18, 100, 0)); // 100