您现在的位置是:php教程网 > 编程技术 >

[db:作者] 2019-09-10 00:34 PHP学习

javascript中call和apply的区别是什么

javascript中call和apply用来调用函数,那么call和apply的区别是什么?下面本篇文章就来给大家介绍一下call和apply的区别,希望对大家有所帮助。

apply:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.apply(A, arguments);即A对象应用B对象的方法。

call:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.call(A, args1,args2);即A对象调用B对象的方法。

这两个方法不经常用,但是在某些特殊场合中是非常有用的,下面主要说下它们的区别:

首先,JavaScript是一门面向对象的语言,也就是说它有this的概念。而且JavaScript是一门动态类型语言,为什么说它是动态类型语言呢?

因为JavaScript在编译时没有类型检查的过程,不会去检查创建的对象类型,也不会去检查传递的参数类型,所以它的变量类型在运行期间是可以改变的。

要知道call和apply都是为了改变某个函数运行时的上下文(context)而存在的,也就是为了改变函数,也可以说是对象(函数本身就是对象)内部this的指向而存在的。

二者区别为:传参数的方式不一样。call()方法接受逗号分隔的参数,而apply()方法接受参数数组。

如下:

func.call(this, arg1, arg2);
func.apply(this, [arg1, arg2]);

上面也很清楚了,call传参数时,明确知道时几个参数或者参数较少时,比如arg1、arg2,挨个传就是了;

而apply第二个参数必须为一个数组,即将参数放进数组中即可。

示例:

(function(){
 Array.prototype.push.call(arguments, 4);//arguments借用Array.prototype.push方法
 console.log( arguments ); //输出: [1, 2, 3, 4]
})(1, 2, 3);
var currying = function(fn){
  var args = [];
  return function(){
    if( arguments.length === 0){
      return fn.apply( this, args);
    }
    else{
      [].push.apply( args, arguments);
      return arguments.callee; //callee已弃用
    }
  }
};
var cost = (function(){
 var money = 0;
 return function(0{
   for(var i = 0,l - arguments.length;i<l;i++){
     money += arguments[i];
   }
   return money;
 }
})();

调用:

var cost_ = currying(cost); //将cost转化成curring函数
cost_(1); cost_(2); alert(cost_()); //输出:3

解释:通过currying(柯里化)的转化,在cost_中传入参数时,未能得到值,而是将值存储起来,直到当无参数传入时,输出结果。

以上就是javascript中call和apply的区别是什么的详细内容,更多请关注html中文网其它相关文章!

上一篇:上一篇:javascript如何继承?

下一篇:下一篇:javascript什么是事件?