call和apply的区别和用法

animabear 发布于2019-08-01 18:02 / 898人阅读

摘要：和的区别和作用都是把绑定到的作用，即改变的指向，然而唯一的区别就是传递的参数必须得是数组的形式传递，而则直接连续参数传递和在什么地方可以用到呢当一个对象需要调用另外一个对象里面的方法的时候就可以用到和，和可以理解成是继承另外一个对象的方法，

call和apply的区别

obj.call(thisObj, arg1, arg2, ...);
obj.apply(thisObj, [arg1, arg2, ...]);
call和apply作用都是把obj绑定到thisObj的作用，即改变this的指向，然而唯一的区别就是apply传递的参数必须得是数组的形式传递，而call则直接连续参数传递

call和apply在什么地方可以用到呢？

当一个对象需要调用另外一个对象里面的方法的时候就可以用到call和apply，call和Apply可以理解成是继承另外一个对象的方法，以下代码举例：

首先，我们先建立两个对象，obj1和obj2

 var name = "全局中的name";
    var obj1 = {
        name:"obj1中的name",
        func1:function(){
            console.log(this.name);
        },
        func2:function (a,b) {
            console.log(a+b);
            return a+b;
        }
    }

    var obj2 = {
        name:"obj2中的name"
    }

如果obj2对象要调用obj1中的func1方法，则

 obj1.func1.call(obj2); //输出：obj2中的name
 obj1.func1.apply(obj2);//输出：obj2中的name

call和apply第一个参数都是表示obj1绑定的对象，如果obj1要绑定到this，此时obj1就是绑定到全局，如：

 obj1.func1.call(this);//输出：全局中的name
 obj1.func1.apply(this);//输出：全局中的name

如果obj2对象要调用obj1中的func2方法，则

  obj1.func2.call(obj2,1,2);//输出：3
  obj1.func2.apply(obj2,[1,2]);//输出：3

此时func2方法是有参数的，call和apply中第二个参数开始是传给func2方法的参数，但是call参数是直接连续传递，而apply传递参数是以一个数组传递

全部代码展示：

  var name = "全局中的name";
    var obj1 = {
        name:"obj1中的name",
        func1:function(){
            console.log(this.name);
        },
        func2:function (a,b) {
            console.log(a+b);
            return a+b;
        }
    }

    var obj2 = {
        name:"obj2中的name"
    }

    obj1.func1.call(this);//输出：全局中的name
    obj1.func1.apply(this);//输出：全局中的name

    obj1.func1.call(obj2); //输出：obj2中的name
    obj1.func1.apply(obj2);//输出：obj2中的name

    obj1.func2.call(obj2,1,2);//输出：3
    obj1.func2.apply(obj2,[1,2]);//输出：3

云服务器 GPU服务器 js中的call和apply apply与call的区别 JS中bind、call和apply的作 session和cookie的区别和联系

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/51544.html

call和apply的区别和用法

摘要：和的区别和作用都是把绑定到的作用，即改变的指向，然而唯一的区别就是传递的参数必须得是数组的形式传递，而则直接连续参数传递和在什么地方可以用到呢当一个对象需要调用另外一个对象里面的方法的时候就可以用到和，和可以理解成是继承另外一个对象的方法， call和apply的区别 obj.call(thisObj, arg1, arg2, ...);obj.apply(thisObj, [arg1...

ideaa 2019-08-21 17:44 评论0 收藏0
「干货」细说 call、apply 以及 bind 的区别和用法

摘要：的调用者，将会指向这个对象。此外，还可以扩展自己的其他方法。的使用最后来说说。不同的是，方法的返回值是函数，并且需要稍后调用，才会执行。而和则是立即调用。总结和的主要作用，是改变对象的执行上下文，并且是立即执行的。前言上一篇文章《「前端面试题系列4」this 的原理以及用法》中，提到了 call 和 apply。它们最主要的作用，是改变 this 的指向。在平时的工作中，除了...

GraphQuery 2019-08-26 13:28 评论0 收藏0
JavaScript 中 call、apply、bind 用法和区别

摘要：和类似，都是调用函数，并指定函数的值和参数，区别在于传入参数是通过参数列表的形式，传入参数是通过数组的形式方法与前两个不同，它创建一个新的函数，在调用新函数时，会调用原函数，并指定原函数的值和参数。执行的时候并没有调用函数。简介 JavaScript 中有三个方法Function.prototype.call()、Function.prototype.apply()和Function...

wind3110991 2019-08-23 16:06 评论0 收藏0
JS中的call(),apply()和bind()方法

摘要：奔着一星期彻底弄清楚一个小知识点的目的这次的目标是方法在实际项目中经常会用到这三个函数只是简单的知道都是用来进行上下文绑定的这三个函数都可以实现现在看来这三者还是有很大区别的特别是和其他两个的区别先说和目的是改变函数的执行上下文下面列举一些奔着一星期彻底弄清楚一个javascript小知识点的目的,这次的目标是call apply bind方法在实际项目中,经常会用到这三个函数,只...

nifhlheimr 2019-08-22 18:05 评论0 收藏0