call、bind、apply 三者的区别
luffy 7/18/2023 JavaScript
# call、bind、apply 三者的区别
- 三者都可以改变函数的 this 对象指向。
- 三者第一个参数都是 this 要指向的对象,如果如果没有这个参数或参数为 undefined 或 null,则默认指向全局 window。
- 三者都可以传参,但是 apply 是数组,而 call 是参数列表,且 apply 和 call 是一次性传入参数,而 bind 可以分为多次传入。
- bind 是返回绑定 this 之后的函数,便于稍后调用;apply 、call 则是立即执行 。
- bind()会返回一个新的函数,如果这个返回的新的函数作为构造函数创建一个新的对象,那么此时 this 不再指向传入给 bind 的第一个参数,而是指向用 new 创建的实例
# call
写了就等于直接调用函数
foo.call(obj,要传给函数的参数1,要传给函数的参数2...)
1
# apply
写了就等于直接调用函数
区别于 call 就是后面参数的传入,其他都一样
foo.apply(obj,[要传给函数的参数1,要传给函数的参数2...])
1
# bind
写了还要加括号才算调用函数
跟 call 参数设置一样
foo.bind(obj,要传给函数的参数1,要传给函数的参数2...)
1
# 相同点
这三个都能够改变 this 指向
call 和 apply 的第一个参数都一样是要指向的 this ,写他们就等于写了函数的执行
call 和 bind 的参数设置相同
# 不同点
call 和 apply 的给函数传入的参数设置不一样,call 直接逗号隔开就好,apply 需要用 数组
bind 不会立即执行,call 和 apply 都会立即执行