call与apply的用法

 

1.call()

语法：obj1.call(obj2[,param1,param2,...])
定义：用obj2对象来代替obj1，调用obj1的方法。即将obj1应用到obj2上。
说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 obj2 指定的新对象。 如果没有提供 obj2参数，那么 Global 对象被用作 obj2。 

 

2.apply()

语法：obj1.call(obj2[,arrArg])
定义：用obj2对象来代替obj1，调用obj1的方法。即将obj1应用到obj2上。

说明：call ()和apply()作用一样，但是call()可以接收任何类型的参数，而apply()只能接收数组参数。

 

作用：这两个函数都是在特定的作用域中调用函数,能改变函数的作用域，实际上是改变函数体内 this 的值 。

 

3.基本用法

var arr=['a','c',1,{a:5}]
function aa(a){
    return arr.concat(a)
}
console.log(aa.call('',6))
function add(a,b){
    return a+b;
}
function sub(c,d){
    return c-d;
}
function result(){
    this.addValue = null;
    this.subValue = null;
    this.showResult=function(){
        alert(this.addValue);
        alert(this.subValue);
    }
}
function myCallTest(){//此处this指向了add，如果不使用call则this指向window对象
    return add.call(this,7,2);
}
var r = new result();
console.log(myCallTest());//9 划重点
r.addValue = add.call(sub,4,2); //6,将add方法应用到sub上，即sub的指针指向add方法
r.subValue = sub.call(add,4,2); //2,用add对象替换sub对象，并调用sub对象的方法
r.showResult(); //在js中函数也是一个Function对象，函数名即是对象引用

 

 

4.继承特性

function add(a,b){
    return a+b;
}
function sub(c,d){
    return c-d;
}
function result(){
    this.addValue = null;
    this.subValue = null;
    this.showResult=function(){
        alert(this.addValue);
        alert(this.subValue);
    }
}
var r = new result();
r.addValue = add.call(r,4,2);  //6,r继承add函数的所有特性
r.subValue = sub.call(r,4,2);  //2,r集成sub函数的所有特性
r.showResult();