前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >(七)call、bind、apply三者的区别

(七)call、bind、apply三者的区别

作者头像
老怪兽
发布2023-02-22 19:46:26
7810
发布2023-02-22 19:46:26
举报

🍈一、call、bind、apply三者的区别

  • 三者都可以改变函数的 this 对象指向。
  • 三者第一个参数都是 this 要指向的对象,如果如果没有这个参数或参数为 undefined 或 null,则默认指向全局 window。
  • 三者都可以传参,但是 apply 是数组,而 call 是参数列表,且 apply 和 call 是一次性传入参数,而 bind 可以分为多次传入。
  • bind 是返回绑定 this 之后的函数,便于稍后调用;apply 、call 则是立即执行 。
  • bind()会返回一个新的函数,如果这个返回的新的函数作为构造函数创建一个新的对象,那么此时 this 不再指向传入给 bind 的第一个参数,而是指向用 new 创建的实例
🍌call

写了就等于直接调用函数、

代码语言:javascript
复制
food.call(obj,要传给函数的参数1,要传给函数的参数2...)
🍊apply
  • 写了就等于直接调用函数
  • 区别于 call 就是后面参数的传入,其他都一样
代码语言:javascript
复制
food.apply(obj,[要传给函数的参数1,要传给函数的参数2...])
🍋bind
  • 写了还要加括号才算调用函数
  • 跟 call 参数设置一样
代码语言:javascript
复制
food.bind(obj,要传给函数的参数1,要传给函数的参数2...)
🍒相同点
  • 这三个都能够改变 this 指向
  • call 和 apply 的第一个参数都一样是要指向的 this ,写他们就等于写了函数的执行
  • call 和 bind 的参数设置相同
🍓不同点
  • call 和 apply 的给函数传入的参数设置不一样,call 直接逗号隔开就好,apply 需要用数组
  • bind 不会立即执行,call 和 apply 都会立即执行

一文搞定this、apply、call、bindopen in new window

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年12月12日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 🍈一、call、bind、apply三者的区别
    • 🍌call
      • 🍊apply
        • 🍋bind
          • 🍒相同点
            • 🍓不同点
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档