lihua2915
- 浏览: 760114 次
- 性别:
- 来自: 上海
-
文章分类
- 全部博客 (573)
- Java基础 (76)
- C++基础 (5)
- hibernate (5)
- struts (4)
- spring (1)
- webservice (7)
- AjaX基础 (0)
- JS脚本 (53)
- 正则表达式 (5)
- html脚本 (30)
- 数据库基础 (54)
- 工作相关 (49)
- 其他 (30)
- Linux (9)
- web服务器 (17)
- JSP (13)
- eclipse (6)
- 面试题相关 (20)
- XML (3)
- Apache common (2)
- 生活 (35)
- VMware (1)
- log4j (9)
- BeanUtils (2)
- 设计模式 (3)
- UML (1)
- UNIX (1)
- ibats (5)
- GT-Grid (17)
- ABAP学习 (17)
- ABAP (35)
- ABAP--ALV (11)
- ABAP--WEBDIMPRO (0)
- abap-sample (1)
- BEMS (2)
- flex (33)
- GIS技术 (3)
最新评论
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属性
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>
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函数的演示
Java代码
<!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>
<!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属性
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>
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函数的演示
Java代码
<!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事件
2010-05-13 14:37 1233事件(上) JavaScript事件列表 事件 解说 一般 ... -
flex学习
2010-05-06 20:17 772flex学习例子， -
JSON法创建JavaScript对象
2010-01-14 21:33 875<!DOCTYPE html PUBLIC " ... -
JavaScript Math 对象与函数
2010-01-14 21:16 1151Math函数 Math.abs() -- 返回 ... -
JavaScript Date 对象与函数
2010-01-14 21:14 903JavaScript_Date对象说明 Date对象构造函数 ... -
日历控件
2010-01-13 16:03 743日历控件 编辑控件 -
访问iframe里面的javascript函数、对象，兼容IE、Firefox
2009-12-29 23:16 1517假如你当前主页面中嵌入了一个iframe，ID为：iframe ... -
document.createElement等DOM函数与属性
2009-12-18 17:05 11711、创建节点 createElemen ... -
document.createElement("A")的相关属性
2009-12-18 17:03 1915<html> <BODY> ... -
removeChild 使用注意事项
2009-12-18 16:55 849Java代码 var giftBody = document ... -
获取HTML DOM节点元素的方法
2009-12-18 16:47 1048在Web应用程序特别是Web2.0程序开发中，经常要获取页面 ... -
js 按钮交互 元素属性获取
2009-12-18 16:44 1009<html xmlns="http://www ... -
HTML DOM selectedIndex 属性
2009-12-18 16:34 1283定义和用法 selectedIndex 属性可设置或返回下拉 ... -
hyperlink 控制
2009-12-18 16:09 910<html> <head> ... -
onchange()和onblur()
2009-12-18 15:54 1395<html> <head> ... -
js动态显示时间
2009-12-18 15:48 2758<html> <head> ... -
JS时间对象
2009-12-17 18:09 1389时间对象用来操作日期和时间。 Examples 举例 Ret ... -
Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）
2009-12-16 17:40 7531判断select选项中 是否存在Value="pa ... -
javascript 暂定执行一段时间
2009-12-16 17:31 2102有人说window.setTimeout("func ... -
JS常用对象介绍
2009-12-16 17:22 847click() 对象.click() ------------ ...
相关推荐
javascript中arguments,caller,callee 是什么？在javascript 中有什么样的作用？本篇会对于此做一些基本介绍。希望大家能够喜欢。
js中arguments,caller,callee,apply的用法小结.docx
本文实例讲述了JavaScript中callee和caller的区别与用法。分享给大家供大家参考，具体如下： 1.callee 在函数的内部，有两个特殊的对象：arguments和this。其中arguments是一个类似数组的对象，包含着传入函数的所有...
在看到大家如此关注JS里头的这几个对象，我试着把原文再修改一下，力求能再详细的阐明个中意义
js的隐含参数(arguments,callee,caller)使用方法.docx
主要介绍了Javascript中arguments和arguments.callee的区别浅析,本文用一个实例来理解它们的区别,需要的朋友可以参考下
主要介绍了JavaScript arguments.callee作用及替换方案详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
本篇文章只要是对js的隐含参数(arguments,callee,caller)使用方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
关于arguments,callee,caller等的测试 function testArg() { var sTemp =”test()开始执行\n\n函数定义的正文：\n\n”; sTemp+=arguments.callee + “\n\n”; sTemp+=”传入参数的长度：\n”; sTemp+=arguments....
JavaScript中arguments的使用方法详解 js这是一门弱语言，不像其他语言如c，java等，有严格的规范， 所以现在也流传着一种说法，js本来就不是一种语言； 说回arguments，它是js中函数内置的一个对象，而执行函数...
本篇文章只要是对js中arguments,caller,callee,apply的用法进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
从这个函数中可以看出来，用到了递归函数，要是改变了函数名，里面的函数名也要随着改变，这样很不方便所以我们用callee来试试 function chen(x){ if (x<=1) {return 1; }else{ return x*arguments.callee(x-1)...
主要介绍了Javascript函数中的arguments.callee用法,结合实例形式分析了arguments.callee操作当前方法引用的具体技巧,需要的朋友可以参考下
在提到上述的概念之前，首先想说说javascript中函数的隐含参数：arguments arguments 该对象代表正在执行的函数和调用它的函数的参数。 [function.]arguments[n] 参数function ：选项。当前正在执行的 Function ...
arguments.callee 关于callee的解释：callee 是 arguments 对象的一个属性。可以用于引用该函数的函数体内当前正在执行的函数。这在函数的名称是未知时很有用，例如在没有名称的函数表达式 (也称为“匿名函数”)内...
理解Javascript函数形式参数与arguments