JavaScript中的arguments,callee,caller,call,appy的用法
2012-10-08 16:33
603 查看
1.演示arguments的用法
Js代码
<!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>
<!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类)
Js代码
<!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>
<!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属性
Js代码
<!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>
<!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属性
Js代码
<!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>
<!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函数的用法
Js代码
<!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>
<!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函数的演示
Js代码
<!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>
来自：http://hi.baidu.com/84zhu/item/193112f637ee3549922af214
Js代码
<!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>
<!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类)
Js代码
<!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>
<!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属性
Js代码
<!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>
<!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属性
Js代码
<!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>
<!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函数的用法
Js代码
<!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>
<!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函数的演示
Js代码
<!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>
来自：http://hi.baidu.com/84zhu/item/193112f637ee3549922af214
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JavaScript中的arguments,callee,caller,call,appy
- JavaScript中的arguments,callee,caller,call,appy [备忘]
- JavaScript中的arguments,callee,caller,call,appy
- JavaScript中的arguments,callee,caller,call,appy
- JavaScript中的arguments,callee,caller,call,appy
- JavaScript中的arguments,callee,caller,call,appy
- JavaScript中的arguments,callee,caller,call,appy
- JavaScript中的arguments,callee,caller,call,appy
- JavaScript中的arguments,callee,caller,call,appy
- JavaScript中的arguments,callee,caller,call,appy
- JavaScript中的arguments,callee,caller,call,appy
- JavaScript中的arguments,callee,caller,call,appy
- JavaScript中的arguments,callee,caller,call,appy
- JavaScript中的arguments,callee,caller,call,appy
- javascript中call,apply,arguments,callee,caller的用法
- JavaScript中的arguments,callee,caller,call,appy [备忘]
- JavaScript中的arguments,callee,caller,call,appy
- JavaScript arguments,callee,caller,call,appy
- 通过实例理解JavaScript中的arguments,call,apply,callee及caller