call、apply和bind函数存在的区别

景尘

于 2020-10-26 14:46:37 发布

阅读量221

点赞数

CC 4.0 BY-SA版权

文章标签： call bind apply

本文链接：https://blog.csdn.net/lbPro0412/article/details/109288788

前端干货分享专栏收录该内容

69 篇文章 ¥99.90 ¥299.90

订阅专栏

本文详细解析了JavaScript中call、apply和bind这三种改变函数调用上下文的方法。call和apply主要区别在于参数传递方式，call接受单独参数，apply接受参数数组。bind则返回一个新函数，不立即执行，常用于柯里化和延迟绑定。此外，在ES6箭头函数下，call和apply的this绑定行为失效。文章还探讨了它们在数组操作、类型判断和继承等场景的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、bind返回对应函数, 便于稍后调用；

2、 apply， call则是立即调用；

3、除此外, 在 ES6 的箭头函数下, call 和 apply 将失效

call、aplly、bind 本质都是改变 this 的指向，不同点 call、aplly 是直接调用函数，bind 是返回一个新的函数。call 跟 aplly 就只有参数上不同

一、call的解释：

call 方法第一个参数是要绑定给this的值，后面传入的是一个参数列表。当第一个参数为null、undefined的时候，默认指向window。

var arr = [1, 2, 3, 89, 46]
var max = Math.max.call(null, arr[0], arr[1], arr[2], arr[3], arr[4])//89

例子：

var obj = {
    message: 'My name is: '
}

function getName(firstName, lastName) {
    console.log(this.message + firstName + ' ' + lastName)
}

get

了解本专栏