- 浏览: 58615 次
- 性别:
- 来自: 杭州
文章分类
最新评论
-
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 809由于本人的香港主机带宽较小,所以考虑使用国内的一些CDN公共 ... -
eclipse 忽略jquery压缩文件报错
2013-11-26 19:53 475Project -> Properties -> ... -
时间转换
2013-08-26 13:24 527/* * Unix timestamp -> 普通 ... -
jQuery.proxy可以往函数里传参
2013-08-06 10:33 786for (j = td_counter; j < row ... -
扩展prototype.js Object.deepExtend深度扩展
2013-07-29 23:08 717Object.deepExtend = function(d ... -
prototype.js1.7.1在IE下getOffsetParent()会返回body
2013-07-29 20:32 572prototype1.7.1在IE下getOffsetPar ... -
Javascript string repeat 重复拼写字符串
2013-07-17 17:31 375function repeat(s, n){ va ... -
Javascript 判断本地文件是否存在
2013-04-15 14:42 875function fileExists(url) { ... -
可以参考的javascript编码风格
2013-03-22 23:04 300https://github.com/aralejs/aral ... -
javascript 禁止鼠标右键
2013-03-22 13:29 518function doProhibit() { if( ... -
Javascript 浏览器设备识别
2012-08-28 10:29 786<!DOCTYPE html> <h ... -
javascript 两个感叹号
2012-04-24 12:31 665var foo1, foo2 = 0, foo3 = ... -
关于javascript定义类与对象
2012-04-22 23:25 636在说这个话题之前,我 ... -
javascript的call()与apply()
2012-04-22 19:08 507call方法: 语法:call([thisObj[, ... -
javascript callback
2012-04-21 12:15 614<html> <head> ... -
Keycode大全
2012-03-22 14:33 688//13 enter 58 : //32 ... -
JavaScript面向对象编程
2012-02-29 22:40 647转自:http://sd.csdn.net/a/2012011 ... -
Javascript 实现 php的 ip2long long2ip
2012-02-29 13:09 1765$ip = "192.0.34.166&quo ... -
JavaScript实现页面跳转的几种方式
2012-02-28 19:20 1404第一种: <script languag ... -
Javascript 表单序列化
2012-02-24 20:52 735序列化: 序列化是将对象状态转换为可保持或传输的格式的过程。与 ...
相关推荐
arguments.callee 关于callee的解释:callee 是 arguments 对象的一个属性。可以用于引用该函数的函数体内当前正在执行的函数。这在函数的名称是未知时很有用,例如在没有名称的函数表达式 (也称为“匿名函数”)内...
var caller = arguments.callee.caller; while(caller){ result = result.concat(slice.call(caller.arguments, 0)); caller = caller.arguments.callee.caller; } return result; }; var a = function(){b('...
方式1 代码如下: function Person(n,a){ this.name = n; this.age = a; if(this instanceof Person){ alert(‘new调用’); }else{ alert(... if(this instanceof arguments.callee){ ale
arguments是函数调用时,创建的一个类似的数组但又不是数组的对象,并且它存储的是实际传递给函数的参数,并不局限于函数声明的参数列表哦。 尼玛,什么意思? 写个demo看看,代码见下 <!DOCTYPE html> <...
这种方法使用arguments.callee.caller来获取调用方方法,然后获取函数的名称,这就是为什么它不能在strict mode起作用的原因; 局限性 在strict mode不起作用 原型中的所有功能都应命名为功能 例子 var TestClass =...
!– (function(){ if(typeof window._Import !... //防止多次加载 function _Import(uri, x) { var f = arguments.callee.caller; if(typeof f == “function”) { var IsIE = (navigator.u
arguments 该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function:选项。当前正在执行的 Function 对象的名字。 n :选项。要传递给 Function 对象的从0开始的参数值索引。说明...
本文介绍了TypeScript之调用栈,分享给大家,具体如下: class CallStackTool{ ... let caller:Function = arguments.callee.caller; let i:number = 0; count = count || 10; CallStackTool.index ++; if
递归函数应该始终使用arguments.callee来递归地调用自身,不要使用函数名--函数名可能会发生变化。 当在函数内部定义了其他函数时,就创建了闭包。闭包有权访问包含函数内部的所有变量,原理如下: 在后台执行...
主要给大家总结了angular.js中定时器循环的3种方法,分别是利用$interlval实现、$timeout的递归调用来实现以及$timeout借助arguments.callee来实现,每种方法都给出了详细的示例艾玛供大家学习参考,需要的朋友们...
关键字:arguments,callee,callerarguments:表示传入函数的参数callee:表示函数和函数主体的语句caller:表示调用该函数的函数arguments 该对象代表正在执行的函数和调用它的函数的参数。 caller 返回一个对函数的引用...
问题描述 做项目用到了MUI的scroll控件 故此我引入了mui.min.js 然而 猝不及防地报错了: 原创文章 236获赞 36访问量 201万+ 关注 私信 展开阅读全文 作者:Piconjo_Official
在提到上述的概念之前,首先想说说javascript中函数的隐含参数:arguments Arguments 该对象代表正在执行的函数和调用它的函数的参数。 [function.]arguments[n] 参数function :选项。当前正在执行的 Function 对象...
一、caller 返回一个对函数的引用,该函数调用了当前函数。 functionName.caller ... 代码如下:function callerDemo() { if ( arguments.caller) { var a= callerDemo.caller.toString(); alert(a
// the stack via arguments.caller.callee and Firefox dies if //你尝试查找通过“精确使用”呼叫链接(#13335) //支持:火狐浏览器 18+ //“精确使用”; var //deferred对象被使用在DOM(Document Object ...
// the stack via arguments.caller.callee and Firefox dies if //你尝试查找通过“精确使用”呼叫链接(#13335) //支持:火狐浏览器 18+ //“精确使用”; var //deferred对象被使用在DOM(Document Object ...
第2章(\代码\第02章) ...• sample16.htm 直接调用函数 • sample17.htm 使用“javascript:”语句调用函数或方法 ...• sample12.htm Arguments对象的使用方法 • sample13.htm ...
在提到上述的概念之前,首先想说说javascript中函数的隐含参数:arguments arguments 该对象代表正在执行的函数和调用它的函数的参数。 [function.]arguments[n] 参数function :选项。当前正在执行的 Function ...
caller返回一个函数的引用,这个函数调用了当前的函数;callee放回正在执行的函数本身的引用,它是arguments的一个属性,感兴趣的你可以参考下或许可以帮助到你
length 属性 (Arguments) 返回由调用者传递给函数的实际参数个数。 length 属性 (Array) 返回比数组中所定义的最高元素大 1 的整数值 。 length 属性 (Function) 返回为函数所定义的参数个数。 length 属性 ...