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

最新推荐文章于 2024-03-15 10:33:32 发布

原创

最新推荐文章于 2024-03-15 10:33:32 发布 · 1k 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript

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

改变函数内部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