- 浏览: 61391 次
- 性别:
- 来自: 杭州
文章分类
最新评论
-
DiaoCow:
请教下作者,我想用F3替代ctrl+]用来查找函数定义,在vi ...
使用ctags和vim快速查看内核源代码 -
jackykennedy:
非常感谢。
中国手机开发者联盟CMD100 邀请码 -
ruler_internet:
非常不错,这个方法可行
Javascript 封装 HashMap
一、Arguments
该对象代表正在执行的函数和调用他的函数的参数。
[function.]arguments[n]
参数function :选项。当前正在执行的 Function 对象的名字。
n :选项。要传递给 Function 对象的从0开始的参数值索引。
说明:Arguments是进行函数调用时,除了指定的参数外,还另外创建的一个隐藏对象。
Arguments是个类似数组但不是数组的对象,说他类似数组是因为其具备数组相同的访问性质及方式,能够由arguments[n]来访问对应的单个参数的值,并拥有数组长度属性length。还有就是arguments对象存储的是实际 传递给函数的参数,而不局限于函数声明所定义的参数列表,而且不能显式创建 arguments 对象。
在此添加了一个说明arguments不是数组(Array类)的代码:
Array.prototype.selfvalue = 1; alert(new Array().selfvalue); function testAguments(){ alert(arguments.selfvalue); }
运行代码您会发现第一个alert显示1,这表示数组对象拥有selfvalue属性,值为1,而当您调用函数testAguments时,您会发现显示的是“undefined”,说明了不是arguments的属性,即arguments并不是个数组对象。
二、caller
返回一个对函数的引用,该函数调用了当前函数。
functionName.caller
functionName 对象是所执行函数的名称。
说明:对于函数来说,caller 属性只有在函数执行时才有定义。假如函数是由顶层调用的,那么 caller 包含的就是 null 。假如在字符串上下文中使用 caller 属性,那么结果和 functionName.toString 相同,也就是说,显示的是函数的反编译文本。
下面的例子说明了 caller 属性的用法:
function callerDemo() { if (callerDemo.caller) { var a= callerDemo.caller.toString(); alert(a); } else { alert("this is a top function"); } } function handleCaller() { callerDemo(); }
三、callee
返回正被执行的 Function 对象,也就是所指定的 Function 对象的正文。
[function.]arguments.callee
可选项 function 参数是当前正在执行的 Function 对象的名称。
说明:callee 属性的初始值就是正被执行的 Function 对象。
callee 属性是 arguments 对象的一个成员,他表示对函数对象本身的引用,这有利于匿名函数的递归或确保函数的封装性,例如下边示例的递归计算1到n的自然数之和。而该属性仅当相关函数正在执行时才可用。更有需要注意的是callee拥有length属性,这个属性有时候用于验证还是比较好的。arguments.length是实参度,arguments.callee.length是形参长度,由此能够判断调用时形参长度是否和实参长度一致。
//callee能够打印其本身
function calleeDemo() { alert(arguments.callee); }
//递归计算
var sum = function(n){ if (n <= 0) return 1; else return n +arguments.callee(n - 1); }
比较一般的递归函数:
var sum = function(n){ if (1==n) return 1; else return n + sum (n-1); }
调用时:alert(sum(100));
其中函数内部包含了对sum自身的引用,函数名仅仅是个变量名,在函数内部调用sum即相当于调用一个全局变量,不能很好的体现出是调用自身,这时使用callee会是个比较好的方法。
四、apply and call
他们的作用都是将函数绑定到另外一个对象上去运行,两者仅在定义参数方式有所区分:
apply(thisArg,argArray);
call(thisArg[,arg1,arg2…] ]);
即任何函数内部的this指针都会被赋值为thisArg,这可实现将函数作为另外一个对象的方法运行的目的
apply的说明:假如 argArray 不是个有效的数组或不是 arguments 对象,那么将导致一个 TypeError。
假如没有提供 argArray 和 thisArg任何一个参数,那么 Global 对象将被用作 thisArg,并且无法被传递任何参数。
call的说明:call 方法可将一个函数的对象上下文从初始的上下文改变为由thisArg指定的新对象。
假如没有提供thisArg参数,那么Global对象被用作thisArg
相关技巧:应用call和apply有一个技巧在里面,就是用call和apply应用另一个函数(类)以后,当前的
函数(类)就具备了另一个函数(类)的方法或是属性,这也能够称之为“继承”。看下面示例:
// 继承的演示
function base() { this.member = " dnnsun_Member"; this.method = function() { window.alert(this.member); } } function extend() { base.call(this); window.alert(member); window.alert(this.method); }
上面的例子能够看出,通过call之后,extend能够继承到base的方法和属性。
顺便提一下,在javascript框架prototype里就使用apply来创建一个定义类的模式,
其实现代码如下:
var Class = { create: function() { return function() { this.initialize.apply(this, arguments); } } }
解析:从代码看,该对象仅包含一个方法:Create,其返回一个函数,即类。但这也同时是类的构造函数,其中调用initialize,而这个方法是在类创建时定义的初始化函数。通过如此途径,就能够实现prototype中的类创建模式
发表评论
-
对国内4个常用CDN公共库加速服务的简单测试
2014-09-24 21:31 858由于本人的香港主机带宽较小,所以考虑使用国内的一些CDN公共 ... -
eclipse 忽略jquery压缩文件报错
2013-11-26 19:53 518Project -> Properties -> ... -
时间转换
2013-08-26 13:24 563/* * Unix timestamp -> 普通 ... -
jQuery.proxy可以往函数里传参
2013-08-06 10:33 818for (j = td_counter; j < row ... -
扩展prototype.js Object.deepExtend深度扩展
2013-07-29 23:08 753Object.deepExtend = function(d ... -
prototype.js1.7.1在IE下getOffsetParent()会返回body
2013-07-29 20:32 609prototype1.7.1在IE下getOffsetPar ... -
Javascript string repeat 重复拼写字符串
2013-07-17 17:31 419function repeat(s, n){ va ... -
Javascript 判断本地文件是否存在
2013-04-15 14:42 956function fileExists(url) { ... -
可以参考的javascript编码风格
2013-03-22 23:04 325https://github.com/aralejs/aral ... -
javascript 禁止鼠标右键
2013-03-22 13:29 552function doProhibit() { if( ... -
Javascript 浏览器设备识别
2012-08-28 10:29 815<!DOCTYPE html> <h ... -
javascript 两个感叹号
2012-04-24 12:31 694var foo1, foo2 = 0, foo3 = ... -
关于javascript定义类与对象
2012-04-22 23:25 666在说这个话题之前,我 ... -
javascript的call()与apply()
2012-04-22 19:08 543call方法: 语法:call([thisObj[, ... -
javascript callback
2012-04-21 12:15 643<html> <head> ... -
Keycode大全
2012-03-22 14:33 724//13 enter 58 : //32 ... -
JavaScript面向对象编程
2012-02-29 22:40 684转自:http://sd.csdn.net/a/2012011 ... -
Javascript 实现 php的 ip2long long2ip
2012-02-29 13:09 1803$ip = "192.0.34.166&quo ... -
JavaScript实现页面跳转的几种方式
2012-02-28 19:20 1441第一种: <script languag ... -
Javascript 表单序列化
2012-02-24 20:52 765序列化: 序列化是将对象状态转换为可保持或传输的格式的过程。与 ...
相关推荐
举个替代 `arguments.callee` 的例子,如果你需要在函数内部引用自身,可以使用命名函数表达式或者保存函数名到一个变量,如: ```javascript let f = function(x, y, z) { let currentFunction = f; // 现在你...
1. 递归函数中引用函数自身:当一个函数不知道自己的名称或出于某些设计考虑不想使用函数名调用自身时,可以使用arguments.callee来引用函数自身,从而实现递归调用。 2. 匿名函数中引用自身:如果函数是通过匿名...
1. **匿名函数递归**:在没有给函数命名的情况下,`arguments.callee`允许函数调用自身,实现递归。这对于编写需要递归的匿名函数很有帮助,因为它可以避免对函数名的硬编码依赖。 2. **封装性**:`arguments....
箭头函数不绑定自己的arguments对象,这使得arguments.callee变得更难以使用。另外,通过命名函数表达式(Named Function Expression),我们也能在函数被覆盖后仍能通过其名称来调用函数。 尽管如此,对arguments....
1. **无名函数引用**:在函数没有名字的情况下,`arguments.callee`可以用来引用该函数自身。这在某些场景下非常有用,比如递归调用匿名函数时: ```javascript (function() { if (someCondition) { arguments....
这意味着你可以通过`arguments.callee`来引用调用函数,这对于匿名函数或者递归调用非常有用,因为匿名函数没有名字,无法直接引用自身。 ```javascript (function sum(n) { if (n === 1) return 1; return n + ...
这对于实现递归调用特别有用,因为函数可以直接通过arguments.callee调用自己,而无需保存函数名称的引用。例如,如果一个函数需要根据参数动态决定是否进行递归调用,arguments.callee就派上了用场。 再者,...
在JavaScript编程中,arguments、caller和callee是函数对象自带的三个隐含参数,它们为开发者提供了额外的函数执行信息,尤其在处理函数参数、递归调用以及调用栈追踪时非常有用。下面详细介绍这些隐含参数的使用...
JavaScript中的arguments、caller和callee是与函数调用相关的几个重要概念,它们分别代表函数调用时传递的参数对象、调用当前函数的函数以及当前正在执行的函数。 首先,我们来了解arguments。在JavaScript中,当...
在这里,`arguments.callee`引用了`factorial`函数,使得函数可以递归调用自身,计算阶乘。 然而,需要注意的是,`arguments`对象虽然类似数组,但并不是真正的数组。因此,数组的方法如`shift`、`push`、`join`等...
在JavaScript中,arguments、caller、callee和apply是四个与函数调用相关的特性,它们在编写高级和复杂的函数逻辑时非常有用。下面将详细介绍这些概念及其用法。 1. **arguments对象** arguments对象是一个特殊...
`arguments`对象不是数组,而是一个类数组对象,它包含了函数调用时传入的所有实际参数。 在给定的标题和描述中,我们关注的是`arguments.length`和`arguments.callee`两个属性。 1. `arguments.length`:这个属性...
由于递归函数在调用自身时可能无法使用函数名(比如匿名函数),`arguments.callee`可以作为替代方案。 ``` var fn = (function(n){ if(n > 0) return n + arguments.callee(n - 1); return 0; })(10); ``` 在这...
arguments.callee 关于callee的解释:callee 是 arguments 对象的一个属性。可以用于引用该函数的函数体内当前正在执行的函数。这在函数的名称是未知时很有用,例如在没有名称的函数表达式 (也称为“匿名函数”)内...
在递归调用中,使用`arguments.callee`而不是函数名`sum`可以确保无论函数如何被重命名,递归调用仍然能够正确地指向函数本身。 此外,`arguments.callee`还有length属性,这允许验证参数数量是否正确。`arguments....
这个匿名函数在调用时使用`arguments.callee`来递归调用自身,实现了匿名递归。 需要注意的是,`arguments.callee`在严格模式下是不允许使用的,因为它可能对性能和内存使用造成负面影响。因此,在现代JavaScript中...
1. **length属性**:`arguments.length`返回函数被调用时传入的参数个数,这与函数定义中的形参数量可能不同。 2. **索引访问**:可以通过索引来访问`arguments`对象中的参数,就像访问数组一样。例如,`arguments...