转载:JavaScript中的arguments,callee,caller,call,appy [备忘]
[url]http://hi.baidu.com/ai_zxc/blog/item/799fa0837a0434af0df4d20b.html[/url]
参考资料:
1 [url]http://www.w3school.com.cn/js/pro_js_functions_arguments_object.asp[/url]
2 [url]http://www.cnblogs.com/simayixin/archive/2011/05/09/2040953.html[/url]
3 js将类数组对象转换成数组对象
[url]http://www.jb51.net/article/23332.htm[/url]
[url]http://hi.baidu.com/ai_zxc/blog/item/799fa0837a0434af0df4d20b.html[/url]
参考资料:
1 [url]http://www.w3school.com.cn/js/pro_js_functions_arguments_object.asp[/url]
2 [url]http://www.cnblogs.com/simayixin/archive/2011/05/09/2040953.html[/url]
3 js将类数组对象转换成数组对象
[url]http://www.jb51.net/article/23332.htm[/url]
/**
* 演示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)
/**
* 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"
/**
* 演示函数的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"
/**
* 演示函数的callee属性.
* 说明:arguments.callee:初始值就是正被执行的 Function 对象,用于匿名函数
*/
function calleeDemo() {
alert(arguments.callee);
}
calleeDemo(); // 打印 calleeDemo 整个函数体
( function (arg0,arg1){alert( "形数数目为:" +arguments.callee.length)})(); //打印 "形数数目为:2"
/**
* 演示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' );
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()); //打印 "对象!"