全面理解javascript的call,apply概念

首先想说说Javascript中函数的隐含参数:arguments

 

Arguments

 

该对象代表正在执行的函数和调用它的函数的参数。

[function.]arguments[n]
参数function :选项。当前正在执行的 Function 对象的名字。 n :选项。要传递给 Function 对象的从0开始的参数值索引。 
说明

Arguments是进行函数调用时,除了指定的参数外,还另外创建的一个隐藏对象。Arguments是一个类似数组但不是数组的对象,说它类似数组是因为其具有数组一样的访问性质及方式,可以由arguments[n]来访问对应的单个参数的值,并拥有数组长度属性length。还有就是arguments对象存储的是实际传递给函数的参数,而不局限于函数声明所定义的参数列表,而且不能显式创建 arguments 对象。arguments 对象只有函数开始时才可用。下边例子详细说明了这些性质:

 

 

//arguments 对象的用法。
function ArgTest(a, b){
   var i, s = "The ArgTest function eXPected ";
   var numargs = arguments.length;     // 获取被传递参数的数值。
   var expargs = ArgTest.length;       // 获取期望参数的数值。
   if (expargs < 2)
      s += expargs + " argument. ";
   else
      s += expargs + " arguments. ";
   if (numargs < 2)
      s += numargs + " was passed.";
   else
      s += numargs + " were passed.";
   s += "\n\n"
   for (i =0 ; i < numargs; i++){      // 获取参数内容。
   s += "  Arg " + i + " = " + arguments[i] + "\n";
   }
   return(s);                          // 返回参数列表。
}

 

 apply 与 call 方法

 它们的作用都是将函数绑定到另外一个对象上去运行,两者仅在定义参数方式有所区别:

    apply(object,args);

    call(object,[arg1,arg2...argn]);

 即所有函数内部的this指针都会被赋值为object,这可实现将函数作为另外一个对象的方法运行的目的

 

 apply的说明

 apply()方法有两个参数,object代表用作this的对象,args代表传递给函数的参数的数组.

 如果 args不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。
 如果没有提供 args和 object任何一个参数,那么 Global 对象将被用作 object, 
 并且无法被传递任何参数。举个例子说明:

 

 

function hello(prefix,suffix){
    alert(prefix+this.word+suffix);
}

var obj = new Object();
obj.word = "admin";

/*
    调用apply方法,第一个参数为obj,说明应该赋予hello()中的this关键字值是
    obj.第二个参数由一个数组对象,与hello的参数向匹配;最后应该生成的消息
    是"Welcome admin to my page".与此同时,obj可以获得hello中所有的属性与方法
*/
hello.apply(obj,new Array("Welcome "," to my page"));

 

 call的说明

 call 方法可将一个函数的对象上下文从初始的上下文改变为由 object指定的新对象。
 如果没有提供 object参数,那么 Global 对象被用作 object.它的使用与上个例子非常相似,只需 将hello.apply(obj,new Array("Welcome "," to my page")) 改为hello.call(obj,"Welcome "," to my page")后,

效果与上例完全相同.这里就不重复了.

 

 

你可能感兴趣的:(JavaScript,XP)