理解javascript中arguments,callee,caller

最新推荐文章于 2024-09-19 11:17:39 发布
最新推荐文章于 2024-09-19 11:17:39 发布
阅读量717 收藏
点赞数
文章标签： javascript function xhtml html button fun
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nailwl/article/details/5512321
版权

 

 

<!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" lang="gb2312"> 

<head> 

<head> 

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

<meta http-equiv="content-type" content="text/html; charset=gb2312" /> 

</head> 

<body> 

<script type="text/javascript"> 

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> 

<input type="button" οnclick="testArg('iecn.net','深蓝蝴蝶','枫岩');" value="testArg('iecn.net','深蓝蝴蝶','枫岩');" /> 

</body> 

</html>

 

 

 

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

<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 没有这种用法

}

//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

nailwl
关注
全面理解javascript的arguments,callee,caller,apply,call概念
cjwsohu的专栏
05-22 540
全面理解javascript的arguments,callee,caller,apply,call概念
JavaScript中的arguments,callee,caller,call,appy
Freewind的专栏
05-06 779
 script language="JavaScript">/**//**//**//* * 演示arguments的用法,如何获取实参数和形数数 */function argTest(a,b,c,d)...{    var numargs = arguments.length;     // 获取被传递参数的数值。    var expargs = argTest.length;    
深入理解javascript函数系列第二篇——函数参数
weixin_34315665的博客
07-26 154
前面的话 　　javascript函数的参数与大多数其他语言的函数的参数有所不同。函数不介意传递进来多少个参数，也不在乎传进来的参数是什么数据类型，甚至可以不传参数。本文是深入理解javascript函数系列第二篇——函数参数   arguments 　　javascript中的函数定义并未指定函数形参的类型，函数调用也未对传入的实参值做任何类型检查。实际上，javascript函数调用甚...
arguments.callee.length与arguments.length
WEB_YH的博客
04-29 909
arguments.callee.length:当前调用函数的实参长度是多少。 arguments.length：当前你传了多少个参数 function a(args0,args1){ console.log(arguments.length);//输出3 调用函数时传了多少个参数 console.log(arguments.callee.length);//输出2 函数括号里
js-arguments对象
赶路人儿
10-14 817
js进行函数调用时，除了指定的参数外，还创建一个隐含的对象——arguments。 一、arguments可以用arguments[index]这样的语法取值，拥有长度属性length。arguments对象存储的是实际传递给函数的参数，而不局限于函数声明所定义的参数列表，例如：     function func(a,b){ 　　alert(a); 　　alert(b); 　　fo
JavaScript 中 callee 与 caller 的作用
TianXuab的博客
12-21 973
JavaScript 中的 callee 和 caller 是两个常见的概念，它们在函数中起着重要的作用。在本篇博客中，我们将深入探讨这两个概念的作用以及如何在代码中使用它们。
Javascript 中 callee 和 caller
linmuqi0928的博客
03-29 1071
1.arguments.callee 返回正在执行的函数本身的引用，是arguments的一个属性。 当函数的名称未知时，例如匿名函数，使用callee很有用 用来代替函数名，降低耦合性 注： 这个属性只有在函数执行时才有效 它有一个length属性，可以用来获得形参的个数，因此可以用来比较形参和实参个数是否一致，即比较arguments.length是否等于arguments.callee.length 它可以用来递归匿名函数。 2.Function.caller 返回调用指定函数的函
arguments.callee和caller的区别
yuanqi3131的博客
01-03 843
arguments.callee和caller的区别 1、arguments arguments 是一个对应于传递给函数的参数的类数组对象。 白话就是这是一个函数的传参的集合，不是数组，但是是一个类数组 function func() { console.log(arguments) console.log(arguments instanceof Array) console.log(arguments instanceof Object) } func(3,'Hello');
javascript中arguments,callee,caller详解
10-22
JavaScript中的arguments、caller和callee是与函数调用相关的几个重要概念，它们分别代表函数调用时传递的参数对象、调用当前函数的函数以及当前正在执行的函数。 首先，我们来了解arguments。在JavaScript中，当...
javascript下arguments,caller,callee,call,apply示例及理解
10-29
JavaScript中arguments、caller、callee、call和apply是与函数相关的几个重要概念和对象。它们为JavaScript的函数提供了非常灵活的功能，特别是在处理函数参数和调用上下文方面。接下来，将对这些概念逐一进行详细...
javascript中callee与caller的用法和应用场景
10-28
在JavaScript中，`caller` 和 `callee` 是与函数相关联的两个属性，它们提供了函数调用和被调用的上下文信息。了解这两个属性的用法，对于深入理解JavaScript中的函数执行机制非常有帮助。 首先来看`caller`属性。`...
JavaScript中callee和caller的区别与用法实例分析
12-03
本文实例讲述了JavaScript中callee和caller的区别与用法。分享给大家供大家参考，具体如下： 1.callee 在函数的内部，有两个特殊的对象：arguments和this。其中arguments是一个类似数组的对象，包含着传入函数的所有...
【JavaScript】LeetCode：707设计链表
weixin_45980065的博客
09-14 711
【代码】【JavaScript】LeetCode：707设计链表。
Vue接入高德地图并实现基本的路线规划功能
黄团团的个人博客
09-11 655
找到public目录下的index.html文件，把刚才申请好的2个密钥分别粘贴进去，第一个securityJsCode是填入安全密钥，第二个红框是填入Key。登录高德开放平台，点击我的应用，先添加新应用，然后再添加Key。如图所示填写对应的信息，系统就会自动生成。
JS的输出语句
J3259392566的博客
09-13 347
js中严格区分大小写。
[附源码]SpringBoot+VUE+Java实现人脸识别系统
最新发布
吉他程序员的博客
09-19 709
人脸数数据录入人脸管理摄像头识别端。
echarts饼图内容循环播放实现
qq_39877681的博客
09-12 374
echarts饼图内容循环播放实现
计算机毕业设计 基于SpringBoot的课程教学平台的设计与实现 Java+SpringBoot+Vue 前后端分离 文档报告 代码讲解 安装调试
weixin_19164791635
09-12 1021
本文介绍了一款基于Java、SpringBoot和Vue.js技术的课程教学平台。该平台服务于管理员、学生和教师，提供教学资源管理、课程信息浏览、作业提交与批改等功能，旨在优化教学流程，提升教育质量，促进教育资源的数字化共享，推动教育信息化发展。
深入理解JavaScript：arguments, caller, callee, call与apply详解
"这篇文章除了介绍JavaScript中的arguments对象，还涉及了caller、callee、call和apply等关键概念，这些都是JavaScript中函数调用的重要组成部分。" 在JavaScript中，`arguments`对象是一个非常特殊的对象，它在每...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值