javascript--------apply和this

一、语法(js手册)

call 方法
调用一个对象的一个方法，以另一个对象替换当前对象。

call([thisObj[,arg1[, arg2[,   [,.argN]]]]])

参数
thisObj
可选项。将被用作当前对象的对象。

arg1, arg2,  , argN
可选项。将被传递方法参数序列。

说明
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。

如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。

 

 

 

应用某一对象的一个方法，用另一个对象替换当前对象。

apply([thisObj[,argArray]])

参数

thisObj

可选项。将被用作当前对象的对象。

argArray

可选项。将被传递给该函数的参数数组。

说明

如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。

如果没有提供 argArray 和 thisObj 任何一个参数，那么 Global 对象将被用作 thisObj， 并且无法被传递任何参数。

 

二、例子

//情景一:call通过一个参数更改对象的内部指针，即改变对象的this指向的内容。
var obj=new function(){this.name="锋叔"}
var myfunc=function(x){
    var name="fengshu";
    console.log(this.name);
    console.log(x);
}
myfunc.call(obj,"args");
    myfunc.apply(obj,["args"]);//apply只有两个参数，第二个参数可选，为一个数组

从上面的例子可以看出call和apply的区别只是传递参数的形式不一样而已，apply通过数组的形式传递参数，而call则是从第二个参数开始为调用方法传递的参数

 

apply和call的第一个参数我们可以认为是调用方法this实际所指向的对象，主要分为以下几种情况

1、Function.call()此时方法中的this值的是全局变量

2、Functioon.call(null)依然指的是全局变量 

3、Function.call(this)this指的是函数本身内部的变量

4、Function.call(new Obj())this指的是该对象

 

三、扩展 

我们通过call和apply我们可以很容易且灵活的实现继承

function Obj1(){
    this.calculate=function(x,y)
    {
        return x+y;
    }
    this.name="add";

}
function  Obj2(){
    this.calculate=function(x,y)
    {
        return x*y;
    }

    this.name="sub";

}

function Obj3(){

    this.calculate=function(x,y)
    {
        return x/y;
    }
    this.name="dev";

};




function test(x,y)
{
    var type=this.name;
    var result=this.calculate(x,y);
    console.log(type,result);
    return result;
}

test.call(new Obj1(),10,5);
test.call(new Obj2(),10,5);
test.call(new Obj3(),10,5);