JS - call、apply的使用与异同

这篇文章来讲讲JS中的call方法与apply方法。

（1）这两个方法存在与Function.prototype上
（2）这两个方法的作用是一样的
（3）这两个方法的参数个数不同

call的使用方式及注意点：
（1）使用方式：call(context, 参数1, 参数2, ..., 参数n)
（2）context：上下文，规定里面this的指向
（3）content在 不填、null、undefined 时，默认指向Window；填写了即指向对应的context
call的基础使用：

var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
var str = "7";

arr1.push.call(arr1, arr2);
console.log(arr1);              // [ 1, 2, 3, [ 4, 5, 6 ] ]

arr1.push.call(arr1, str);
console.log(arr1);              // [ 1, 2, 3, [ 4, 5, 6 ], '7' ]

call的加强版使用：

function A() {
    this.con1 = function(name) {
        console.log("姓名：" + name);
    }
}

function V() {
    this.con2 = function(age) {
        console.log("年龄：" + age);
    }
}

function B(name) {
    A.call(this);   // 相当于B继承了A
    V.call(this);   // 相当于B继承了V
}

var b = new B();
b.con1("wxw");      // 调用A的方法打印出"wxw
b.con2(23);         // 调用V的方法打印出23

如果在函数A和函数V中有相同名称的方法，那么在调用方法时，哪个后继承调用的就是哪个函数的方法。

apply的使用与call的使用基本相同，不同点：
（1）在apply中参数只有一个，且必须是数组，即：apply(context, 数组形式的唯一参数)
（2）即便数组参数中只有一项，也必须使用数组，不然会报错
（3）在使用中，apply会将数组中的参数拆开一个一个的传入，利用这个特性可以进行一些原生方法的优化，例如Math.max.apply(null, [1, 3, 2])，原本不能传入数组，现在可以传入数组了