JS中的 call( )和apply( )方法

JS中的 call( )和apply( )方法

简单来说它们的作用是一模一样，只是传参的形式有区别而已。apply第二个参数必须传入的是一个数组，而call 第二个参数可以是任意类型
apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A, arguments);即A对象应用B对象的方法。
call：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);即A对象调用B对象的方法。

call( )

代码如下（示例1）：
1、改变函数A的this指向，使之指向B;

function mydata(){
    this.age= '22';
    this.name = function(name) {
        console.log( 'Im',name);
    }
}
 
function myfunction(){
    this.a = 18
    mydata.call(this);
}
 
var myfunction2= new myfunction();
myfunction2.name ('Bob'); // Im Bob
console.log (myfunction2.age);	// 22
console.log (myfunction2.a);	// 6

代码如下（示例2）：

Chinese实例化出来的对象 person2通过 sayName方法拿到了 Person中的 name。因为在 Chinese中，PPerson.call(this) 的作用就是改变了 this 指向， Chinese就有了 Person中的所有属性和方法了，相当于 Chinese继承了 Person的属性和方法。

    function Person1() {
        this.getname = function() {
            return this.name;
        }
    }
    
    function Person2(name) {
        //借助 call 实现继承
        Person1.call(this);
        this.name = name;
        this.myfunction = function() {
            alert('myfunction ');
        }
    }

    var chinese2= new Chinese('Bob');
    //调用Person中的方法
    console.log(chinese2.getname());   //输出 Bob

apple()

代码如下（示例）：

var obj = {
    name : 'linxin'
}

function func(firstName, lastName){
    console.log(firstName + ' ' + this.name + ' ' + lastName);
}

func.apply(obj, ['A', 'B']);    // A linxin B

可以看到，obj 是作为函数上下文的对象，函数 func 中 this 指向了 obj 这个对象。参数 A 和 B 是放在数组中传入 func 函数，分别对应 func 参数的列表元素。

---

总结

一、call 与 apply 的相同点：

1、方法的含义是一样的，即方法功能是一样的；
2、第一个参数的作用是一样的；

二、call 与 apply 的不同点：两者传入的列表形式不一样

1、call可以传入多个参数；
2、apply只能传入两个参数，所以其第二个参数往往是作为数组形式传入。