理解javascript中arguments,callee,caller

最新推荐文章于 2024-11-16 14:11:26 发布
最新推荐文章于 2024-11-16 14:11:26 发布
阅读量725 收藏
点赞数
文章标签： 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 546
全面理解javascript的arguments,callee,caller,apply,call概念
JavaScript中的arguments,callee,caller,call,appy
Freewind的专栏
05-06 795
 script language="JavaScript">/**//**//**//* * 演示arguments的用法,如何获取实参数和形数数 */function argTest(a,b,c,d)...{    var numargs = arguments.length;     // 获取被传递参数的数值。    var expargs = argTest.length;    
深入理解javascript函数系列第二篇——函数参数
weixin_34315665的博客
07-26 166
前面的话 　　javascript函数的参数与大多数其他语言的函数的参数有所不同。函数不介意传递进来多少个参数，也不在乎传进来的参数是什么数据类型，甚至可以不传参数。本文是深入理解javascript函数系列第二篇——函数参数   arguments 　　javascript中的函数定义并未指定函数形参的类型，函数调用也未对传入的实参值做任何类型检查。实际上，javascript函数调用甚...
arguments.callee.length与arguments.length
WEB_YH的博客
04-29 923
arguments.callee.length:当前调用函数的实参长度是多少。 arguments.length：当前你传了多少个参数 function a(args0,args1){ console.log(arguments.length);//输出3 调用函数时传了多少个参数 console.log(arguments.callee.length);//输出2 函数括号里
js-arguments对象
赶路人儿
10-14 834
js进行函数调用时，除了指定的参数外，还创建一个隐含的对象——arguments。 一、arguments可以用arguments[index]这样的语法取值，拥有长度属性length。arguments对象存储的是实际传递给函数的参数，而不局限于函数声明所定义的参数列表，例如：     function func(a,b){ 　　alert(a); 　　alert(b); 　　fo
JavaScript 中 callee 与 caller 的作用
TianXuab的博客
12-21 1067
JavaScript 中的 callee 和 caller 是两个常见的概念，它们在函数中起着重要的作用。在本篇博客中，我们将深入探讨这两个概念的作用以及如何在代码中使用它们。
Javascript 中 callee 和 caller
linmuqi0928的博客
03-29 1084
1.arguments.callee 返回正在执行的函数本身的引用，是arguments的一个属性。 当函数的名称未知时，例如匿名函数，使用callee很有用 用来代替函数名，降低耦合性 注： 这个属性只有在函数执行时才有效 它有一个length属性，可以用来获得形参的个数，因此可以用来比较形参和实参个数是否一致，即比较arguments.length是否等于arguments.callee.length 它可以用来递归匿名函数。 2.Function.caller 返回调用指定函数的函
arguments.callee和caller的区别
yuanqi3131的博客
01-03 866
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中关于arguments与callee的理解
偏科程序猿
10-25 662
通过一个例子来理解下arguments与arguments.callee的具体区别： 代码如下： function check(args){ var ac = args.length; var ex = args.callee.length; documen
跟着尚硅谷学vue2—进阶版2.0—使用 Vue 脚手架1.0
zhzijun的博客
11-13 429
分析脚手架 、ref和props、mixin混入、插件、scoped样式、总结TodoList案例、浏览器本地存储-webStorage、TodoList_本地存储
如何编译 Cesium 源码
ismartcube的博客
11-13 1073
通过以上步骤，您可以成功地从 GitHub 上下载 Cesium 源代码并在本地进行编译。对于开发人员来说，编译 Cesium 源码有助于定制功能，或者调试某些问题。如果您只是想使用 Cesium 进行开发，而不需要编译源代码，您也可以直接从 CDN 或下载预构建版本进行使用。编译的 Cesium 版本可以直接在您的应用中引用，或者部署到 Web 服务器上，供其他用户访问。提供一个高效、兼容、优化的数据转换工具，一站式完成数据转换、数据发布、数据预览操作。
从零开始快速构建Vue3项目
欧唯薇
11-13 877
是目前最推荐的方式来创建 Vue 3 项目，因为它速度快，配置简洁，并且是 Vue 3 的官方推荐工具。打开浏览器并访问 `http://localhost:5173`，你将看到一个基本的 Vue 3 应用程序运行。1、若需要使用不同版本node（兼容新旧项目环境），则需要使用nvm来进行node多版本管理，下载并安装。2、若出现某个依赖安装报错，可以npm install --ignore-scripts，最后再来单独安装报错的依赖。
【Node.js】Node.js 和浏览器之间的差异
最新发布
佚名程序员
11-16 562
Node.js 是一个基于 Chrome V8 引擎构建的开源 JavaScript 运行时，它使开发者能够在服务端运行 JavaScript 代码。Node.js 提供了高效的事件驱动和非阻塞 I/O 模型，广泛应用于构建快速、可扩展的网络应用。核心特性单线程：使用事件循环机制实现并发。非阻塞 I/O：适合高并发应用。模块化：采用 CommonJS 模块系统。浏览器是前端开发的主要运行环境。其核心任务是解析 HTML、CSS 和 JavaScript，并呈现网页内容。
Vue常用加密方式
m0_51431448的博客
11-13 146
消息摘要是从原始数据中通过特定算法计算出的一个固定长度的字符串，这个过程通常被称为哈希函数或散列函数。固定长度：无论输入的数据有多大，输出的消息摘要都有固定的长度。唯一性：理想情况下，不同的输入应该产生不同的消息摘要，虽然在现实中由于哈希碰撞的存在，这并不总是可能的。不可逆性：从消息摘要不能反推出原始数据。高效性：计算消息摘要的过程应该是快速且高效的。
Nuxt2和Nuxt3 对于SEO优化的区别
书山有路_邓
11-14 559
nuxt
深入理解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、付费专栏及课程。

余额充值