JS 中的call，apply，bind 和 caller， callee

2024-05-17 20:09:01

1 call，apply，bind都是Function里面原生支持的方法，是JavaScript引擎内在实现的，每个Function的实例都有这三个属性。

call() 和 apply() 的用法很相似，只是调用的时候传递参数的方式有些区别：

call()：function.call(object, arg1,arg2...)，

apply()：function.apply(object, [arg1,arg2,...])，apply方法传递的是一个参数数组，所以有时候直接传个 arguments 就可以。

　　　　注：这里的object就是该function里面的this，这也是js一个神奇的地方，可以随意修改一个方法的this。

2 bind 跟call，apply的区别是：call，apply都是立刻执行的，不能用于函数申明或绑定事件里面。

比如说 dom.onclick = function.apply(object, [......]) 这种方式是要报错的。解决的办法就是使用 bind，bind的用法：

dom.onclick = function.bind(object)。因为bind返回的是一个函数引用，所以只需要传递一个function调用时，绑定的对象即可，不再传递该函数调用时　　　　需要的实参。

3 caller 和 callee

（1）caller 返回的是一个调用了该函数的函数，即是一个函数的引用。caller属性只有在函数执行时才有定义。

function callerDemo() {

if ( callerDemo.caller) {

var a= callerDemo.caller.toString();

console.log(a);

} else {

console.log("this is a top function");

}

}

function handleCaller() {

callerDemo();

}

callerDemo(); // 输出的是handleCaller这个函数的引用

（2）callee 返回正在被执行的函数对象，调用方法：[function.]arguments.callee，该属性经常被用于递归。需要注意的是callee拥有length属性，这个属性有时候用于验证还是比较好的。arguments.length是实参长度，arguments.callee.length是形参长度，由此可以判断调用时形参长度是否和实参长度一致。

var sum = function(n){

if(n <= 0){

return 1;

}else{

return n + arguments.callee(n - 1);

// return n + sum(n - 1);

}

}

转载于:https://www.cnblogs.com/zyc-undefined/archive/2013/04/27/3153220.html

JS 中的call，apply，bind 和 caller， callee相关推荐

JavaScript中的call,apply,bind学习总结
JavaScript 中的 call, apply, bind 这三个函数的作用和区别在各大论坛都被讨论了很多次了,但是我一直都还没来得及好好总结,这次正好看到了一个很不错的关于JavaScript ...
js中call()与apply()方法
菜鸟级别的选手,学习+意会.欢迎指正参考文章 http://uule.iteye.com/blog/1158829 http://blog.csdn.net/myhahaxiao/article/d ...
js 中call()与apply()区别与常见用途
在JS中Function原型定义了两个方法,分别是Function.prototype.call和Function.prototype.apply. call与apply的区别 Function.pr ...
JS 中 call()、apply()、bind() 的用法
其实是一个很简单的东西,认真看十分钟就从一脸懵B 到完全理解! 先看明白下面: 例 1 obj.objAge; // 17obj.myFun() // 小张年龄 undefined 例 2 show ...
JS函数方法Call Apply Bind运用
JS 函数非继承的call和apply方法同:call & apply 主要是用于扩展this指向,降低this作用域与函数之间的耦合度: 区别:传参差异 function.call(thi ...
js中call与apply用法
来源:http://blog.csdn.net/sunboy_2050/article/details/6592082 前天去面试,有个gg问了一些js知识,其中有一道call与apply用法的题目, ...
想起温习一下JS中的this apply call arguments
很多时候讲到语言入门,大家会认为就是要了解一下语言的语法.数据类型和常用函数.这一课对于所有的计算机专业的毕业生来说都可以自学,然而在最近的实践中(带了两个实习生自学js),我发现他们在学习js的时候 ...
js中call和apply的作用和用法
call和apply的用途是完全一样的.改变函数中this的指向: 为什么要改变this的指向呢?这个有什么用?有哪些场景呢? 首先this的指向总是在变的,this的指向是由函数执行时所在的环境决定 ...
Js中 call() 与 apply() exports
call() 调用一个对象的方法,用另一个对象替换当前对象,可以继承另外一个对象的属性 Function.call(obj[, param1[, param2[, [,...paramN]]]]); ...
复习javascript中call,apply,bind的用法
一直很难理解js中的call apply bind,在w3schools,mdn阅读了,也看了很多相关的文章,今天我来写下我理解的call apply bind 首先创建一个函数 function m ...

最新文章

热门文章