call、apply、bind的区别

22,764次阅读
没有评论

共计 1283 个字符,预计需要花费 4 分钟才能阅读完成。

call()和 apply()

介绍

这两个方法都是函数对象的方法,需要通过函数对象来调用。

当函数调用 call()和 apply()时,函数都会立即 执行

  • 都可以用来改变函数的 this 对象的指向。

  • 第一个参数都是 this 要指向的对象(函数执行时,this 将指向这个对象),后续参数用来传实参。

显式绑定 this

JS 提供的绝大多数函数以及我们自己创建的所有函数,都可以使用 call 和 apply 方法。

它们的第一个参数是一个对象。因为你可以直接指定 this 绑定的对象,因此我们称之为显式绑定。

例 1:

    function foo() {console.log(this.a);
    }

    var obj = {a: 2};

    // 将 this 指向 obj
    foo.apply(obj); // 打印结果:2

第一个参数的传递

1、thisObj 不传或者为 null、undefined 时,函数中的 this 会指向 window 对象(非严格模式)。

2、传递一个别的函数名时,函数中的 this 将指向这个 函数的引用

3、传递的值为数字、布尔值、字符串时,this 会指向这些基本类型的包装对象 Number、Boolean、String。

4、传递一个对象时,函数中的 this 则指向传递的这个对象。

call()和 apply()的区别

call()和 apply()方法都可以将实参在对象之后依次传递,但是 apply()方法需要将实参封装到一个 数组 中统一传递(即使只有实参只有一个,也要放到数组中)。

比如针对下面这样的代码:

    var persion1 = {
        name: " 小王 ",
        gender: " 男 ",
        age: 24,
        say: function (school, grade) {alert(this.name + " , " + this.gender + " , 今年 " + this.age + " , 在 " + school + " 上 " + grade);
        }
    }
    var person2 = {
        name: " 小红 ",
        gender: " 女 ",
        age: 18
    }

如果是通过 call 的参数进行传参,是这样的:

	persion1.say.call(persion2, " 实验小学 ", " 六年级 ");

如果是通过 apply 的参数进行传参,是这样的:

	persion1.say.apply(persion2, [" 实验小学 ", " 六年级 "]);

看到区别了吗,call 后面的实参与 say 方法中是一一对应的,而 apply 传实参时,要封装成一个数组,数组中的元素是和 say 方法中一一对应的,这就是两者最大的区别。

call()和 apply()的作用

  • 改变 this 的指向

  • 实现继承。Father.call(this)

bind()

  • 都能改变 this 的指向

  • call()/apply()是 立即调用函数

  • bind()是将函数返回,因此后面还需要加 () 才能调用。

bind()传参的方式与 call()相同。

参考链接:

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-09-10发表,共计1283字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)