理解javascript中arguments,callee,caller

淩亂°似流年 2022-07-12 06:40 327阅读 0赞

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title> 关于arguments,callee,caller等的测试 </title>

</head>

<body>

function testArg()

var sTemp ="test()开始执行/n/n函数定义的正文：/n/n";

sTemp+=arguments.callee + "/n/n";

sTemp+="传入参数的长度：/n";

sTemp+=arguments.length+"/n/n";

sTemp+="传入参数的内容：/n";

for (var i=0;i<arguments.length;i++)\{

sTemp+=arguments\[i\]+"/n";

sTemp+="/n点击确定，开始调用a();";

alert(sTemp);

a(arguments);

function a(args)

var sTemp ="a()开始执行/n/n函数定义的正文：/n/n";

sTemp+=arguments.callee + "/n/n";

sTemp+="传入参数的长度：/n";

sTemp+=arguments.length+"/n/n";

sTemp+="传入参数的内容：/n";

for (var i=0;i<arguments.length;i++)\{

sTemp+=arguments\[i\]+"/n";

sTemp+="/n当前函数的调用者：/n";

sTemp+=arguments.callee.caller+"/n/n";

sTemp+="/n点击确定，开始调用b();";

alert(sTemp);

b(args);

function b(args)

var sTemp ="b()开始执行/n/n函数定义的正文：/n/n";

sTemp+=arguments.callee + "/n/n";

sTemp+="传入参数的长度：/n";

sTemp+=arguments.length+"/n/n";

sTemp+="传入参数的内容：/n";

for (var i=0;i<arguments.length;i++)\{

sTemp+=arguments\[i\]+"/n";

sTemp+="/n当前函数的调用者：/n";

sTemp+=arguments.callee.caller+"/n/n";

sTemp+="/n点击确定，开始调用c();";

alert(sTemp);

c(args);

function c(args)

var sTemp ="c()开始执行/n/n函数定义的正文：/n/n";

sTemp+=arguments.callee + "/n/n";

sTemp+="传入参数的长度：/n";

sTemp+=arguments.length+"/n/n";

sTemp+="传入参数的内容：/n";

for (var i=0;i<arguments.length;i++)\{

sTemp+=arguments\[i\]+"/n";

sTemp+="/n当前函数的调用者：/n";

sTemp+=arguments.callee.caller+"/n/n";

alert(sTemp);

alert("args.callee:/n"+args.callee);

alert("args.callee.caller:/n"+args.callee.caller);

alert("testArg.arguments.callee.caller:/n"+testArg.arguments.callee.caller);

;

</script>

</body>

</html>

看了网上的一篇文章<<全面理解javascript的caller,callee,call,apply概念>>,记下代码,备用

/\*

\* 演示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 没有这种用法

//argTest(1,2)

//argTest(1,2,3,4,5)

/\*

\*  arguments不是数组(Array类)

\*/

Array.prototype.selfvalue = 1;

function testAguments()\{

alert("arguments.selfvalue="+arguments.selfvalue);

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

//testAguments();

/\*

\* 演示函数的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();

//handleCaller("参数1","参数2");

/\*

\* 演示函数的callee属性.

\* 说明:arguments.callee:初始值就是正被执行的 Function 对象,用于匿名函数

\*/

function calleeDemo() \{

alert(arguments.callee);

//calleeDemo();

//(function(arg0,arg1)\{alert("形数数目为:"+arguments.callee.length)\})();

/\*

\* 演示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);

//ObjectB('参数0');

var value="global 变量";

function Obj()\{

this.value="对象！";

function Fun1()\{

alert(this.value);

//Fun1();

//Fun1.apply(window);

//Fun1.apply(new Obj());

</script>

[http://www.cnblogs.com/sunjing/archive/2008/11/09/1329964.html][http_www.cnblogs.com_sunjing_archive_2008_11_09_1329964.html]

[http://www.blogjava.net/xfan/archive/2007/01/12/93504.html][http_www.blogjava.net_xfan_archive_2007_01_12_93504.html]

[http_www.cnblogs.com_sunjing_archive_2008_11_09_1329964.html]: http://www.cnblogs.com/sunjing/archive/2008/11/09/1329964.html
[http_www.blogjava.net_xfan_archive_2007_01_12_93504.html]: http://www.blogjava.net/xfan/archive/2007/01/12/93504.html

理解javascript中arguments,callee,caller

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关理解 JavaScript 中的 parseInt()

相关理解 JavaScript 中的 blob

相关关于Javascript中的对象理解

相关 javascript中prototype的理解

相关理解JavaScript中的函数

相关全面理解 JavaScript 中的 this

相关【JavaScript】深入理解JavaScript中的this

相关 JavaScript中原始值的理解

相关理解Javascript中的call()

相关如何理解JavaScript中的继承