JavaScript call和apply有何区别_它们如何改变this？-js教程-PHP中文网

JavaScript call和apply有何区别_它们如何改变this？

夜晨

发布： 2025-12-15 05:47:33

原创

255人浏览过

call和apply都显式指定函数执行时this的值并立即调用；区别仅在传参方式：call用逗号分隔参数，apply用数组传参。

javascript call和apply有何区别_它们如何改变this？

call 和 apply 都是用来**显式指定函数执行时 this 的值**，并立即调用该函数；它们的核心区别只在**传参方式不同**：call 用逗号分隔的参数列表，apply 用一个数组（或类数组）传参。

call：逐个传参

call 的第一个参数是 this 指向的对象，后续每个参数按顺序传给原函数。

例如：

function greet(greeting, punctuation) {
  return `${greeting}, ${this.name}${punctuation}`;
}
const person = { name: 'Alice' };

greet.call(person, 'Hello', '!'); // "Hello, Alice!"

登录后复制

说明：this 绑定到 person，'Hello' 和 '!' 分别作为 greeting 和 punctuation 传入。

立即学习“Java免费学习笔记（深入）”；

apply：用数组传参

apply 的第一个参数也是 this 值，第二个参数必须是一个数组（或类数组对象），数组元素会依次作为参数传入函数。

同样例子：

Pinokio

Pinokio是一款开源的AI浏览器，可以安装运行各种AI模型和应用

232

查看详情

greet.apply(person, ['Hi', '?']); // "Hi, Alice?"

登录后复制

说明：['Hi', '?'] 被“展开”为两个独立参数，效果等价于 call(person, 'Hi', '?')。

它们如何改变 this？

函数默认的 this 取决于调用方式（如 obj.fn() 中 this 是 obj，独立调用时 this 是全局或 undefined）。call/apply 不依赖调用位置，而是**强制把 this 设为你传入的第一个参数**——哪怕传 null 或 undefined，在非严格模式下也会被自动转为全局对象（浏览器中是 window）。