当前位置:首页 > 开发 > Web前端 > JavaScript > 正文

JavaScript中的arguments,callee,caller,call,appy [备忘]

发表于: 2008-04-24   作者:dongwei_6688   来源:转载   浏览次数:
摘要: 1.演示arguments的用法 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <script language="JavaScript"> <!-- /** * 演示argumen

1.演示arguments的用法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
<head> 
<script language="JavaScript"> 
<!-- 
/** 
 * 演示arguments的用法,如何获取实参数和形数数 
 */ 
 function argTest(a,b,c,d){ 
	 var numargs = arguments.length; 
	 // 获取被传递参数的数值。 
	 var expargs = argTest.length; 
	 // 获取期望参数的数值。 
	 alert("实参数目为:"+numargs); 
	 alert("形数数目为:"+expargs);
	 alert(arguments[0]);
	 alert(argTest[0]); //undefined 没有这种用法 
 } 
 /** 
  * 下面调用分别打印: 
  * "实参数目为:2" 
  * "形数数目为:4" 
  * "1" 
  * "undefined" 
  */ 
  argTest(1,2);

  /** 
   * 下面调用分别打印: 
   * "实参数目为:5" 
   * "形数数目为:4" 
   * "1" 
   * "undefined" 
   */ 
   argTest(1,2,3,4,5) 
//--> 
</script> 
</head> 
<body></body>
</html> 

   

2.arguments不是数组(Array类)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="JavaScript">
<!-- 
 /** 
  * arguments不是数组(Array类) 
  */ 
 Array.prototype.selfvalue = 1;
 function testAguments(){ 
	alert("arguments.selfvalue=" + arguments.selfvalue);
 }

 alert("Array.sefvalue=" + new Array().selfvalue);//打印 "Array.sefvalue=1" 

 testAguments();//打印 "arguments.selfvalue=undefined" 
//-->
</script>
</head>
<body>
</body>
</html>
 

 

3.演示函数的caller属性

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="JavaScript">
<!-- 
	/** 
	 * 演示函数的caller属性. 
	 * 说明:(当前函数).caller:返回一个对函数的引用,该函数调用了当前函数 
	 */ 
	 function callerDemo() { 
		if (callerDemo.caller) { 
			var a= callerDemo.caller.arguments[0];
			alert(a);
		} else { 
			alert("this is a top function");
		} 
	} 
	
	function handleCaller() { 
		callerDemo();
	} 
	
	callerDemo(); //打印 "this is a top function" 
	
	handleCaller("参数1","参数2"); //打印 "参数1" 
//-->
</script>
</head>
<body>
</body>
</html>

 

4.演示函数的callee属性

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="JavaScript">
<!-- 
	/** 
	 * 演示函数的callee属性. 
	 * 说明:arguments.callee:初始值就是正被执行的 Function 对象,用于匿名函数 
	 */ 
	 function calleeDemo() { 
		alert(arguments.callee); 
	 } 
	 
	 calleeDemo(); // 打印 calleeDemo 整个函数体 
	 (function(arg0,arg1){alert("形数数目为:"+arguments.callee.length)})();//打印 "形数数目为:2" 
//-->
</script>
</head>
<body>
</body>
</html>

  

5.演示apply,call函数的用法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="JavaScript">
<!-- 
	/** 
	 * 演示apply,call函数的用法 
	 * 说明:作用都是将函数绑定到另外一个对象上去运行,两者仅在定义参数方式有所区别: 
	 * apply(thisArg,argArray);
     * call(thisArg[,arg1,arg2…] ]);
     * 即所有函数内部的this指针都会被赋值为thisArg 
	 */ 
	 
	 function ObjectA(){ 
		alert("执行ObjectA()");
		alert(arguments[0]);
		this.hit=function(msg){alert(msg)} 
		this.info="我来自ObjectA" 
	 } 
	 
	 function ObjectB(){ 
		alert("执行ObjectB()");
		//调用ObjectA()方法,同时ObjectA构造函数中的所有this就会被ObjectB中的this替代 
		ObjectA.apply(this,arguments);//ObjectA.call(this);
		alert(this.info);
		this.hit("来自A的hit函数");
	} 
	
	/** 
	 *当ObjectB()函数中第三行为这样时: 
	 *ObjectA.apply(this,arguments);
	 *下面的调用,依次打印: 
	 * "执行ObjectB()" 
	 * "执行ObjectA()" 
	 * "参数0" 
	 * "我来自ObjectA" 
	 * "来自A的hit函数" 
	 *----------------------------------- 
	 *当ObjectB()函数中第三行为这样时: 
	 *ObjectA.call(this);
	 *下面的调用,依次打印: 
	 * "执行ObjectB()" 
	 * "执行ObjectA()" 
	 * "undefined" 
	 * "我来自ObjectA" 
	 * "来自A的hit函数" 
	 */ 
	 ObjectB('参数0');
//-->
</script>
</head>
<body>
</body>
</html>

 

6.另外的对apply函数的演示

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="JavaScript">
<!-- 
	var value="global 变量";
	function Obj(){ 
		this.value="对象!";
	} 
	function Fun1(){ 
		alert(this.value);
	} 
	
	Fun1();//打印 "global 变量" 

	Fun1.apply(window);//打印 "global 变量" 
	alert(window.value);//打印 "global 变量" 
	alert(document.value);//打印 "undifined" 

	Fun1.apply(new Obj());//打印 "对象!" 
//-->
</script>
</head>
<body>
</body>
</html> 

JavaScript中的arguments,callee,caller,call,appy [备忘]

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
文章参考http://www.jb51.net/article/25561.htm 先看两个小例子,让您有个大概印象 function myfun
文章参考http://www.jb51.net/article/25561.htm 先看两个小例子,让您有个大概印象 function myfun
文章参考http://www.jb51.net/article/25561.htm 先看两个小例子,让您有个大概印象 function myfun
文章参考http://www.jb51.net/article/25561.htm 先看两个小例子,让您有个大概印象 function myfun
①、caller     caller返回一个函数的引用,这个函数调用了当前的函数。     使用这个属性
caller返回一个函数的引用,这个函数调用了当前的函数;callee放回正在执行的函数本身的引用,它是ar
一、call和apply定义。   1、Call   语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]])   参
function foo(arg1, arg2, arg3){ alert(art1 + arg2 + arg3); } foo.call(this, arg1,arg2,arg3) =
Eclipse 中 program arguments 与 VM arguments 的区别 附代码: public static void main(String[]
【博文推荐】Javascript中bind、call、apply函数用法 2015-03-02 09:22 菜鸟浮出水 51CTO博客 字号
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号