JavaScript 中的 this 绑定方法：apply、call 和 bind

KwyxLibrary

于 2023-09-27 07:02:36 发布

阅读量56

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/KwyxLibrary/article/details/133335547

前端专栏收录该内容

177 篇文章 ¥59.90 ¥99.00

订阅专栏

本文介绍了JavaScript中的this关键字及其绑定方法：apply、call和bind。这三个方法允许开发者灵活控制函数调用的上下文和参数传递。apply接受参数数组，call接收逐个列举的参数，bind则返回绑定上下文的新函数，不立即执行。

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

在 JavaScript 中，this 是一个特殊的关键字，它在函数中起着重要的作用。this 的值取决于函数的调用方式，可以是全局对象（在浏览器中通常是 window 对象），也可以是调用该函数的对象。为了更灵活地控制函数中的 this 值，JavaScript 提供了三种方法：apply、call 和 bind。

apply 方法：
apply 方法允许你在特定的上下文中调用函数，并传递一个参数数组作为函数的参数。语法如下：

function functionName(arg1, arg2, ...) {
    // 函数体
}

var context = {}; // 上下文对象
var args = [arg1, arg2, ...]; // 参数数组

functionName.apply(context, args);

在上面的代码中，apply 方法将函数 functionName 在 context 上下文中调用，并将 args 数组作为函数的参数传递进去。

call 方法：
call 方法与 apply 方法类似，但是它接收的是逐个列举的参数，而不是参数数组。语法如下：

function functionName(arg1, arg2, ...) {
    // 函数体
}

var context = {}; // 上下文对象

functionName.call(context, arg1, arg2, ...);

在上面的代码中，call 方法将函数 functionName 在 c

了解本专栏