Javascript学习札记之 Javascript中的函数
日期：2014-05-16 浏览次数：20384 次
Javascript学习笔记之 Javascript中的函数
Javascript中的函数在函数调用中，可以通过arguments属性访问函数的输入参数，arguments参数是由脚本解释器自动创建的。
arguments属性可以看作是一个Array对象，具有length属性，可以通过序号访问每一个参数。但它并不是真的Array对象。
arguments具有自己独有的属性callee。通过callee属性可以获取对正在执行的函数对象的引用。
arguments.callee.caller可以获得 对用堆栈的上一级，即调用该函数的函数
例如：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript">
<!--
function foo1(v1){
document.writeln('enter foo1 <br>');
foo2(v1,v1*2);
document.writeln('leave foo1 <br>');
}
function foo2(v1,v2){
document.writeln('enter foo2 <br>');
foo3(v1,v2,v2*2);
document.writeln('leave foo2 <br>');
}
function foo3(v1,v2,v3){
document.writeln('enter foo3 <br>');
var foo = arguments.callee;
while(foo && (foo != window)){
document.writeln('<br>调用参数：<br>','---------------<br>');
//输出函数foo的参数信息
var args = foo.arguments;
var argn = args.length;
for(var i=0; i<argn; i++)
{
document.writeln('args[', i, ']:', args[i], '<br>');
}
document.writeln('<br>');
//进入调用堆栈的上一级
foo = foo.caller;
}
document.writeln('leave foo3 <br>');
}
-->
</script>
<body onload="foo1(6)">
</body>
</html>
输出结果为：
enter foo1
enter foo2
enter foo3
调用参数：
---------------
args[0]:6
args[1]:12
args[2]:24
调用参数：
---------------
args[0]:6
args[1]:12
调用参数：
---------------
args[0]:6
调用参数：
---------------
leave foo3
leave foo2
leave foo1
Javascript中的函数在函数调用中，可以通过arguments属性访问函数的输入参数，arguments参数是由脚本解释器自动创建的。
arguments属性可以看作是一个Array对象，具有length属性，可以通过序号访问每一个参数。但它并不是真的Array对象。
arguments具有自己独有的属性callee。通过callee属性可以获取对正在执行的函数对象的引用。
arguments.callee.caller可以获得 对用堆栈的上一级，即调用该函数的函数
例如：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript">
<!--
function foo1(v1){
document.writeln('enter foo1 <br>');
foo2(v1,v1*2);
document.writeln('leave foo1 <br>');
}
function foo2(v1,v2){
document.writeln('enter foo2 <br>');
foo3(v1,v2,v2*2);
document.writeln('leave foo2 <br>');
}
function foo3(v1,v2,v3){
document.writeln('enter foo3 <br>');
var foo = arguments.callee;
while(foo && (foo != window)){
document.writeln('<br>调用参数：<br>','---------------<br>');
//输出函数foo的参数信息
var args = foo.arguments;
var argn = args.length;
for(var i=0; i<argn; i++)
{
document.writeln('args[', i, ']:', args[i], '<br>');
}
document.writeln('<br>');
//进入调用堆栈的上一级
foo = foo.caller;
}
document.writeln('leave foo3 <br>');
}
-->
</script>
<body onload="foo1(6)">
</body>
</html>
输出结果为：
enter foo1
enter foo2
enter foo3
调用参数：
---------------
args[0]:6
args[1]:12
args[2]:24
调用参数：
---------------
args[0]:6
args[1]:12
调用参数：
---------------
args[0]:6
调用参数：
---------------
leave foo3
leave foo2
leave foo1
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
