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只能传入两个参数,所以其第二个参数往往是作为数组形式传入。