Javascript 的caller，callee，call，apply怎么使用

2023-06-03 03:06:37 155人浏览八月长安

摘要

本篇内容主要讲解“javascript 的caller，callee，call，apply怎么使用”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“Javascript 的caller，callee

本篇内容主要讲解“javascript 的caller，callee，call，apply怎么使用”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“Javascript 的caller，callee，call，apply怎么使用”吧!

1、caller

jscript参考中说明为：返回一个对函数的引用，该函数调用了当前函数。如何理解这句话, 先来举个简单的例子：

// caller demo {function callerDemo() {if (callerDemo.caller) {var a= callerDemo.caller.toString();alert(a);} else {alert("this is a top function");}}function handleCaller() {callerDemo();}

上面的例子，可以看出，它就是返回一个调用数据的引用。(指向请求调用的函数) 也由此可以看出，当在这样的情况下，

2、callee

JScript参考中的说明为：返回正被执行的 Function 对象，也就是所指定的 Function 对象的正文。

需要注意的是callee拥有length属性，这个在有的时候用于验证还是比较好的。

function calleeDemo() {alert(arguments.callee);}function calleeLengthDemo(arg1, arg2) {if (arguments.length==arguments.callee.length) {window.alert("验证形参和实参长度正确！");return;} else {alert("实参长度：" +arguments.length);alert("形参长度： " +arguments.callee.length);}}

从上面的例子可以看出，callee可以用来打在执行函数，也就是指向被调用的函数。上面的例子就说明calee可以打印其本身，当然还有其它的一些用途。而length属性中arguments.length是实参长度，arguments.callee.length是形参长度，由此可以判断调用时形参长度是否和实参长度一致。

3、call 和 apply

call方法JScript参考中的说明：调用一个对象的一个方法，以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])，但是没有示例

apply方法JScript参考中的说明：应用某一对象的一个方法，用另一个对象替换当前对象。apply([thisObj[,argArray]])

实际上这两个的作用几乎是相同的，要注意的地方是call(thisObj[,arg1[, arg2[,)中的arg参数可以是变量，而apply([thisObj[,argArray]])中的参数为数组 集合。下面来看看call, apply的具体应用

// simple call demofunction simpleCallDemo(arg) {window.alert(arg);}function handleSPC(arg) {simpleCallDemo.call(this, arg);}// simple apply demofunction simpleApplyDemo(arg) {window.alert(arg);}function handleSPA(arg) {simpleApplyDemo.apply(this, arguments);}

从上面简单的例子可以看出，call和apply可以把当前的参数传递给另外一个函数的参数中，从而调用另一个函数的应用。有的时候这是一个很实用的方法，当然，用call或是apply（是参数或是数组），看实际情况而定了。

下面来看另一个应用

call和apply还有一个技巧在里面，就是用call和apply应用另一个函数（类）以后，当前的函数（类）就具备了另一个函数（类）的方法或者是属性，这也可以称之为“继承”。看下面示例。

// inheritfunction base() {this.member = "never-online";this.method = function() {window.alert(this.member);}}function extend() {base.call(this);window.alert(member);window.alert(this.method);}

上面的例子可以看出，通过call之后，extend可以继承到base的方法和属性。

再看一个apply的应用

// advanced apply demofunction adApplyDemo(x) {return ("this is never-online, BlueDestiny '" + x + "' demo");}function handleAdApplyDemo(obj, fname, before) {  var oldFunc = obj[fname];  obj[fname] = function() {    return oldFunc.apply(this, before(arguments));  };}function helloWordFunc(args) {  args[0] = "hello " + args[0];  return args;}function applyBefore() {alert(adApplyDemo("world"));}function applyAfter() {handleAdApplyDemo(this, "adApplyDemo", hellowordFunc);alert(adApplyDemo("world")); // Hello world!}