js 改变 this 指向：call aplly bind 区别以及应用场景

温情key

于 2021-06-05 16:36:36 发布

阅读量1k

点赞数 10

CC 4.0 BY-SA版权

分类专栏： js 文章标签： js javascript

本文链接：https://blog.youkuaiyun.com/qq_48960335/article/details/117599053

本文介绍了JavaScript中用于改变函数内部`this`指向的三种方法：call()、apply()和bind()。call()和apply()会立即执行函数，其中call接受多个参数，apply参数需以数组形式传递。bind()则返回一个新的函数，不会立即执行，适用于延迟改变`this`。call常用于实现继承，apply常与数组操作结合，bind则用于预设`this`的场景，如定时器。

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

改变函数内部this的指向 js提供了三种方法 call(), apply(), bind()

1. call(‘this想指向的对象’, ‘形参1’, ‘形参2’, ·····)

call 可以调用函数
可以改变this的指向
不传参数，或者传 null, undefined，函数中的 this 指向 window 对象

const obj = {
   
   
    name: 'wenqing'
};
function fn(x, y) {
   
   
    console.log(this);
    console.log(x + y);
}
fn();  // this 指向window  输出 NaN
fn.call(null, 2, 4)  // this 指向 window  输出 6
fn.call(obj, 1, 2);  // this 指向obj对象  输出 3