js中的call和apply

一、call和apply简介

• call() 和 apply() 是预定义的函数方法。 两个方法可用于调用函数，两个方法的第一个参数必须是对象本身。
• 两个方法都使用了对象本身作为第一个参数。 两者的区别在于第二个参数： apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入，而call则作为call的参数传入（从第二个参数开始）。
• 在 JavaScript 严格模式(strict mode)下, 在调用函数时第一个参数会成为 this 的值， 即使该参数不是一个对象。
• 在 JavaScript 非严格模式(non-strict mode)下, 如果第一个参数的值是 null 或 undefined, 它将使用全局对象替代。

二、call和apply的相同点和不同点

1. 区别

• call传递的参数是序列1，2，3，4
• apply传递的参数是集合型[1，2，3，4]

2. 相同点

• call和apply是替换前面函数内部的this指针以及传递参数。
• 功能：可以自动执行前面的函数
• 都有两个参数：a. 替换的对象 b. 传递的值

三、例子

    var obj={
        name:"张三",
        age:20
    };
    function method(){
        console.log(this);//window
    }
    method(); 

• this指向的是window，那么怎么让他指向当前对象obj呢？
• 方法1：使用call

    var obj={
        name:"张三",
        age:20
    };
    function method(a,b,c){
        console.log(this,a,b,c);//{name: "张三", age: 20} 1 2 3
    }
    method.call(obj,1,2,3); 

• 方法2：使用apply

    var obj={
        name:"张三",
        age:20
    };
    function method(a,b,c){
        console.log(this,a,b,c);//{name: "张三", age: 20} 1 2 3
    }
    method.apply(obj,[1,2,3]);