call、aplly、caller、callee分别是什么?
来源:互联网 发布:fanuc系统编程 编辑:程序博客网 时间:2024/05/05 18:47
call和aplly的区别:
概念:
call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的,换句话说,就是为了改变函数体内部 this 的指向。因为 JavaScript 的函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。二者的作用完全一样,只是接受参数的方式不太一样。
例如:
有一个函数 func1 定义如下var func1 = function(arg1, arg2) {};
就可以通过 func1.call(this, arg1, arg2); 或者 func1.apply(this, [arg1, arg2]); 来调用。
其中 this 是你想指定的上下文,他可以任何一个 JavaScript 对象(JavaScript 中一切皆对象),
call 需要把参数按顺序传递进去,而 apply 则是把参数放在数组里。
再来一个栗子:
在javascript OOP中,我们经常会这样定义,
function cat(){
}
cat.prototype={
food:"fish",
say: function(){
alert("I love "+this.food);
}
}
var blackCat = new cat;
blackCat.say();
cat.prototype={
food:"fish",
say: function(){
alert("I love "+this.food);
}
}
var blackCat = new cat;
blackCat.say();
但是如果我们有一个对象whiteDog = {food:"bone"},我们不想对它重新定义say方法,那么我们可以通过call或apply用blackCat的say方法:blackCat.say.call(whiteDog);
所以,可以看出call和apply是为了动态改变this而出现的,当一个object没有某个方法,但是其他的有,我们可以借助call或apply用其它对象的方法来操作。
用的比较多的,通过document.getElementsByTagName选择的dom 节点是一种类似array的array。它不能应用Array下的push,pop等方法。
所以,可以看出call和apply是为了动态改变this而出现的,当一个object没有某个方法,但是其他的有,我们可以借助call或apply用其它对象的方法来操作。
用的比较多的,通过document.getElementsByTagName选择的dom 节点是一种类似array的array。它不能应用Array下的push,pop等方法。
我们可以通过:var domNodes = Array.prototype.slice.call(document.getElementsByTagName("*"));
这样domNodes就可以应用Array下的所有方法了。
这样domNodes就可以应用Array下的所有方法了。
caller和callee的区别:
caller返回一个函数的引用,这个函数调用了当前的函数;callee放回正在执行的函数本身的引用,它是arguments的一个属性。
caller :
functionName.caller 返回调用者。
代码示例:
function caller() { if (caller.caller) { alert(caller.caller.toString()); } else { alert("函数直接执行"); } } function handleCaller() { caller(); } handleCaller(); caller();
大家会发现第一个alert会弹出调用caller函数的调用者handleCaller,而第二个alert由于没有在其他函数体内调用,所以caller为null,就执行了 alert("函数直接执行");
callee:
返回正被执行的 Function 对象,也就是所指定的 Function 对象的正文.
callee是arguments 的一个属性成员,它表示对函数对象本身的引用,这有利于匿名
返回正被执行的 Function 对象,也就是所指定的 Function 对象的正文.
callee是arguments 的一个属性成员,它表示对函数对象本身的引用,这有利于匿名
function calleeLengthDemo(arg1, arg2) { alert(arguments.callee.toString()); if (arguments.length == arguments.callee.length) { window.alert("验证形参和实参长度正确!"); return; } else { alert("实参长度:" + arguments.length); alert("形参长度: " + arguments.callee.length); } } calleeLengthDemo(1);
第一个消息框弹出calleeLengthDemo函数本身,这说明callee就是函数本身对象的引用。callee还有个非常有用的应用就是用来判断实际参数跟行参是否一致。上面的代码第一个消息框会弹出实际参数的长度为1,形式参数也就是函数本身的参数长度为2.
应用场景:
callee的应用场景一般用于匿名函数 大家看下下面一段代码 摘自网络
var fn=function(n){ if(n>0) return n+fn(n-1); return 0; } alert(fn(10))
函数内部包含了对自身的引用,函数名仅仅是一个变量名,在函数内部调用即相当于调用
一个全局变量,不能很好的体现出是调用自身,这时使用callee会是一个比较好的方法 。
var fn=(function(n){ if(n>0) return n+arguments.callee(n-1); return 0; })(10); alert(fn)
这样就让代码更加简练。又防止了全局变量的污染。
caller的应用场景 主要用于察看函数本身被哪个函数调用。
1 0
- call、aplly、caller、callee分别是什么?
- callee caller call apply
- call(), apply(), caller(), callee()
- arguments,caller,callee,apply,call
- caller,arguments.callee,call,apply
- Javascript - 全面理解 caller,callee,call,apply
- javascript的caller,callee,call,apply
- JavaScript中的arguments,callee,caller,call,appy
- Javascript - 全面理解 caller,callee,call,apply
- 理解JavaScript的caller,callee,call,apply
- 理解JavaScript的caller,callee,call,apply
- JavaScript中的arguments,callee,caller,call,appy
- JavaScript中的arguments,callee,caller,call,appy
- JavaScript中的arguments,callee,caller,call,appy
- 理解JavaScript的caller,callee,call,apply
- JavaScript arguments,callee,caller,call,appy
- js中的apply/call/caller/callee/bind
- 全面理解 caller,callee,call,apply
- python 迭代器和生成器的区别
- 怎么获取Intellij IDEA授权码
- 百度Web前端技术学院--三栏式布局
- linux用户权限和用户组详解
- MapReduce1和Yarn的工作机制
- call、aplly、caller、callee分别是什么?
- 1009 of search
- spring,springmvc,mybatis基本整合(一)--xml文件配置方式(2)
- requestWindowFeature
- Java学习笔记---IO流笔记
- Haddop学习笔记---HDFS体系结构
- 5种 (UI线程与后台线程交互设计的方法)
- LeetCode 212. Word Search II
- Hadoop的“Hello world”---WordCount