apply和call以及prototype用法

函数的apply与call方法

   这2个方法,一直摸不着头脑,现在终于弄明白.

apply和call，它们的作用都是将函数绑定到另外一个对象上去运行，两者仅在定义参数的方式有所区别：
Function.prototype.apply(thisArg,argArray);
Function.prototype.call(thisArg[,arg1[,arg2…]]);
从函数原型可以看到，第一个参数都被取名为thisArg，即所有函数内部的this指针都会被赋值为thisArg，这就实现了将函数作为另外一个对象的方法运行的目的。两个方法除了thisArg参数，都是为Function对象传递的参数。下面的代码说明了apply和call方法的工作方式：
//定义一个函数func1，具有属性p和方法A
function func1(){
      this.p="func1-";
      this.A=function(arg){
            alert(this.p+arg);
      }
}
//定义一个函数func2，具有属性p和方法B
function func2(){
      this.p="func2-";
      this.B=function(arg){
             alert(this.p+arg);
      }
}
var obj1=new func1();
var obj2=new func2();
obj1.A("byA");     //显示func1-byA
obj2.B("byB");     //显示func2-byB
obj1.A.apply(obj2,["byA"]); //显示func2-byA，其中[“byA”]是仅有一个元素的数组，下同
obj2.B.apply(obj1,["byB"]); //显示func1-byB
obj1.A.call(obj2,"byA");   //显示func2-byA
obj2.B.call(obj1,"byB");   //显示func1-byB
可以看出，obj1的方法A被绑定到obj2运行后，整个函数A的运行环境就转移到了obj2，即this指针指向了obj2。同样obj2的函数B也可以绑定到obj1对象去运行。代码的最后4行显示了apply和call函数参数形式的区别。

 

 

 

接下来，顺带讲一下Javascript的方法种类。我个人将Javascript的方法分为三种：

　　<1>类方法

　　<2>对象方法

　　<3>原型方法

　　先看代码，后讲区别：

function People(name) {
      this.name=name;
      //对象方法
      this.Introduce=function(){
            alert("My name is "+this.name);
      }
}
//类方法
People.Run=function(){
      alert("I can run");
}
//原型方法
People.prototype.IntroduceChinese=function(){
      alert(" 我的名字是"+this.name);
}

　　测试下：

var p1=new People("Windking");
p1.Introduce();
People.Run();
p1.IntroduceChinese();